Angular

Angular 생명주기(Lifecycle)와 훅(Hook) 메소드

1. 생명주기 Angular의 컴포넌트와 디렉티브는 생명주기(Lifecycle)를 갖는데, 생명주기는 Angular가 컴포넌트와 디렉티브를 생성하여 소멸하기까지의 과정을 관리하는 것을 의미합니다. 이와 관련하여 생명주기 이름 앞에 ng가 붙은 훅(Hook) 메소드를 제공하는데 이를 구현하여 생명주기의 각 단계에서 처리해야하는 내용을 정의할 수 있습니다. Angular는 다음의 순서대로 생명주기를 관리합니다. ※ 디렉티브 생명주기 훅 메소드 디렉티브도 컴포넌트와 동일한 생명주기 훅 메소드를 사용합니다. 하지만 디렉티브에는 뷰가 없기 때문에 뷰와 관련된 생명주기인 ngAfterViewInit, ngAfterViewChecked, ngAfterContentInit, ngAfterContentChecked 메소..

Angular 보조 라우터 / router-outlet

Angular 보조 라우터 앵귤러의 라우터는 몇가지 특징이 있다. 컴포넌트기반 라우팅설정 직관적인 라우팅 설계 가드(Guard) 로 조정 하위 라우팅 기존에 알고있는 하위 라우팅 말고도 보조라우터라는것이 있어 알아보자 Angular 라우터 Angular 의 라우터는 path에 대해 컴포넌트를 정의하고 컴포넌트가 로드될 위치를 RouterOutlet 디렉티브로 정의한다. 보조 라우터 path 를 정의할 때 outlet 이라는 속성에 이름을 부여할 수 있다. @NgModule({ imports: [ RouterModule.forRoot([ { path: 'foo', component: FooComponent }, { outlet: 'outlet1', path: 'bar', component: BarCompo..