[angular] 언어 지원 구성

아래는 Angular에서 언어 지원을 구성하는 간단한 예제입니다.

  1. app.module.ts 파일에서 언어 및 지역 설정 추가
     import { LOCALE_ID, NgModule } from '@angular/core';
     import { BrowserModule } from '@angular/platform-browser';
     import localeKo from '@angular/common/locales/ko';
     import { registerLocaleData } from '@angular/common';
    
     // 한국어 지원을 위한 설정
     registerLocaleData(localeKo, 'ko');
    
     @NgModule({
       imports: [BrowserModule],
       providers: [{ provide: LOCALE_ID, useValue: 'ko' }],
       declarations: [/* ... */],
       bootstrap: [/* ... */]
     })
     export class AppModule { }
    
  2. 페이지에서 다국어 지원 적용
        
     <p>{{ 'HELLO_WORLD' | translate }}</p>
        
    

이 예제에서는 app.module.ts 파일에서 한국어 지원을 설정하고, 해당 지역을 등록하며, 페이지에서는 번역 필터를 사용하여 다국어 지원을 적용하였습니다.

이렇게 언어 지원을 구성하면 애플리케이션에서 다국어 지원을 쉽게 적용할 수 있습니다.