Angular @NgModule 이해하기

1. Angular 프로젝트는 하나 이상의 NgModule로 구성되어 있으며, 모든 Angular 애플리케이션에는 최상위 모듈인 AppModule이 존재한다.

2. AppModule은 최초 프로젝트 생성시 app.module.ts 란 파일에 정의된다.

3. AppModule에서만 @NgModule 메타데이터 속성에 bootstrap 속성이 있는 것을 확인할 수 있다.

 

@NgModule 메타 데이터

 

1. declarations : 최상위 모듈로써 프로젝트 범위 내에 포함된 또는 포함될 모든 컴포넌트, 디렉티프, 파이프를 명시합니다.

2. imports : 현 프로젝트의 외부 모듈을 가져올 시 이곳에 명시합니다.

3. providers : 유효 범위

4. bootstarp : 애플리케이션 최상위 뷰로 표시될 최상위 컴포넌트를 지정합니다. 오직 1개만 지정할 수 있습니다.

5. export : 현 프로젝트를 하나의 모듈로 바라본 관점에서 현 프로젝트를 외부로 import 할 시 가져가서 사용할 수 있는 모듈을 명시합니다.

 

export / import 시 javascript  언어로 이동됩니다.