민자의 지식창고

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

Angular의 이벤트 사용과 HTTP에서 Observalble을 많이 사용합니다. Observables의 의미는 다음과 같습니다. 여러 가지 값을 가질 수 있는 지연 컬렉션 Observables의 특징은 다음과 같습니다. 1.Observables는 lazy 하다. 각 구독자(subscriber)마다 새로운 뉴스 레터가 만들어집니다. 변하는 값에 대해 구독자(subscribe)들에게만 보냅니다. 2.Observables는 시간이 지남에 따라 여러 값을 가질 수 있습니다. Promise와 차이점이 있다면, prosmise는 오직 하나의 값만을 반환합니다. 또 하나는 Observarbles의 구독을 취소 할 수 있다는 점입니다. Promise는 구독을 취소가 불가 하며, 결과가 반환되어 then()메서드를 ..

https://angular.kr/guide/styleguide Angular 코드를 작성 할시에 아래와 같은 가이드 기준에 맞추어서 작성 해보도록 합니다. 모든 코딩 스타일을 맞출수는 없지만, 아래를 지향 합니다. 파일 명명 규칙 : hero.component.ts / html/ css / spec 같은 명칭으로 표현을 합니다. 한 파일에 서비스와 컴포넌트와 같은 Angular 구성요소 하나만 정의 합니다. 400줄 이하의 코드를 작성하는것을 권장합니다. > 유지보슈와 팀단위 개발시 코드 충돌을 방지 하기 위해서입니다. >한파일에 컴포넌트 하나만 지정하면, 라우터의 지연로딩할 때 활용 할수 있습니다. >코드의 재사용성을 쉽게하기 위해서 입니다. >각 코드는 역할에 맞게 개별 파일로 작성하는것이 좋습니다..