Angular 애플리케이션에서 모듈은 구성이나 기능에 따라 코드를 구분하는 데 사용됩니다. 모듈은 컴포넌트, 디렉티브, 서비스 등의 Angular 기능을 함께 그룹화합니다. 이를 통해 애플리케이션을 쉽게 유지보수하고 확장할 수 있습니다.

모듈 생성

새로운 모듈을 생성하려면 @NgModule 데코레이터를 사용해야 합니다. 이 데코레이터는 해당 모듈에 대한 메타데이터를 정의합니다.

import { NgModule } from '@angular/core';
@NgModule({
  declarations: [ /* 컴포넌트, 디렉티브, 파이프 */ ],
  imports: [ /* 의존하는 다른 모듈 */ ],
  providers: [ /* 서비스 프로바이더 */ ],
  bootstrap: [ /* 루트 컴포넌트 */ ]
})
export class AppModule { }

위 예제에서 declarations 배열은 해당 모듈에 포함될 컴포넌트, 디렉티브, 파이프를 정의합니다. imports 배열은 해당 모듈이 의존하는 다른 모듈을 나타냅니다. providers 배열은 이 모듈에서 사용할 서비스 프로바이더를 정의하며, bootstrap 배열은 루트 컴포넌트를 지정합니다.

모듈 사용

생성된 모듈은 애플리케이션의 루트 모듈 또는 다른 모듈에서 imports에 추가하여 사용할 수 있습니다.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent,
    /* 추가 컴포넌트, 디렉티브, 파이프 */
  ],
  imports: [
    BrowserModule,
    /* 추가 모듈 */
  ],
  providers: [ /* 공유 서비스 프로바이더 */ ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

위 예제에서 AppModule은 BrowserModule을 imports에 추가하여 사용하고 있습니다.

Angular 애플리케이션을 개발할 때 모듈을 올바르게 구성하여 코드를 쉽게 유지보수하고 새로운 기능을 추가할 수 있도록 설정하는 것이 중요합니다.

모듈에 관한 자세한 내용은 Angular 공식 문서를 참고하시기 바랍니다.