민자의 지식창고

Angular Lifecycle에 대해 알아보겠습니다. constructor, onInit, onDestroy만 써보고, 나머지는 써보지를 않았습니다. 정확히 Lifecycle를 모르고 마구마구 썼던지라 이번 기회 정리하고자 합니다. Lifecylce은 말 그대로 컴포넌트와 디렉티브들을 생성하고, 소멸하기까지의 과정을 관리합니다. Angular는 ng가 붙은 훅(Hook) 메서드를 제공하는데, 메서드를 을 이용하여 생명주기의 각 단계 처리할 내용을 정의할 수 있습니다. Angular의 Lifecycle Angular는 다음의 순서로 관리를 합니다 Constructor ngOnChanged ngOnInit ngDoCheck ngAfterContentInit ngAfterContentChecked ngAft..

FormGroup에서 Input 필드를 동적으로, Disabled 속성을 주고 싶음 작업 하려는 내용은 아래와 같습니다. formgroup안의 select를 변경시킬때 마다, Input의 Disabled 속성이 바뀐다 아래를 찾아보면서 몇가지 확인 한 사항들 입니다 FormcontorlName과 FormControl의 차이점 select의 change 값에 대한 selectionChange 함수 form의 get과 set의 활용 formgroup을 이용한 get,set을 하면, 해당 필드의 값을 받아 올수가 있습니다. 먼저 필드에 fromcontorlName 지정어에 있는 값을 this.upaForm.get('upa_number')으로 불러오면 해당 값을 control이 가능 합니다. Form 전체를 c..

medium.com/swlh/angular-unit-testing-jasmine-karma-step-by-step-e3376d110ab4 Angular: Unit Testing Jasmine, Karma (step by step) Working with unit testing on any project that at least tries to be serious is a must, it doesn’t matter if you choose to use a TDD… medium.com TDD(Test-Driven development) 방식 : 테스트 접근 방식 Benefit of Unit Testing Improve th design of implementations : Starting coding a f..