모듈 (Angular, AngularJS 아님)

참고 강의

https://www.inflearn.com/course/Angular/lecture/20483?tab=curriculum&speed=2 

Angular(2+) Front에서 Back까지 - Nest js를 알려면 Angular 모듈을 알아야한다! - 인프런 | 학습 페이지

 

앵귤러js는 객체지향언어처럼 모듈 기능을 지원한다.

 

 

기본적으로 import되는 앵귤러의 core를 살펴보면 

 

 

여러가지 다양한 객체(?)들이 export되고 있는 걸 볼 수 있다.

 

 

기본적으로 앵귤러는 app.module이 컴포넌트와 모듈들을 관리한다.

 

예시로 임포트 되어 있는 LayoutModule을 보자

 

 

layout.module은 TestComponent를 등록해 사용하고 있고 exports: []를 통해 외부에서도 사용할 수 있도록했다.

 

 

이를 통해 app.component.html에서 test.component인 <app-test></app-test>를 사용할 수 있었다.

 

* 하나의 컴포넌트는 하나의 모듈에만 등록 가능하고 컴포넌트는 모듈에 등록 (declarations) 이 되어 있어야 사용 가능하다.

* 기반이 되는 app.component가 호출이 되면 app.module에서 필요한 컴포넌트를 찾아 마치 스프링 컨테이너의 bean 등록, 의존성 주입과 같은 동작을 수행한다.