constructor와 ngOnInit의 차이점

constructor는 ES6 클래스 문법의 표준으로 클래스에서 객체를 생성하는 시점에 호출되는 메서드

ngOnInit은 Angular가 컴포넌트를 생성할 때 호출되는 lifecycle

constructor가 호출될 때는 앵귤러가 초기화 작업을 수행하기 전이므로 컴포넌트의 속성 가운데 템플릿과 바인딩한 속성이나 부모 컴포넌트로부터 전달받은 속성 등의 초기화를 보장하지 않음

constructor에는 순수하게 객체의 생성 시점에 필요한 간단한 초기화 로직만 넣는 것을 추천 (실제 로직은 수행하지 말아야함)

API호출이나 그 밖에 앵귤러가 제공하는 기능은 반드시 onOnInit 호출 이후부터 이용할 수 있다.

출처: 앵귤러 첫걸음

 

Constructor: DI, 클래스 필드 초기화 등을 설정

ngOnInit: 실제 작업 코드를 작성하는 시작점