Aurelia는 강력한 다국어 지원 기능을 제공하여 국제화된 어플리케이션을 쉽게 개발할 수 있게 합니다. 이 기능을 사용하여 여러 언어로 앱을 번역하고 사용자 경험을 향상시킬 수 있습니다.

다국어 설정

Aurelia에서 다국어를 지원하려면 i18n 플러그인을 사용해야 합니다. 먼저, 앱의 main.js나 main.ts 파일에 다음과 같이 i18n 플러그인을 등록합니다.

aurelia.use.plugin('aurelia-i18n');

그런 다음, i18n 인스턴스를 생성하고 지역화된 문장을 제공할 수 있는 locales 디렉토리에 언어 파일을 추가합니다.

다국어 문자열 사용

Aurelia 템플릿에서 지역화된 문자열을 사용하려면 t 바인딩을 사용해야 합니다. 이 바인딩은 현재 언어에 따라 적절한 문자열을 렌더링합니다.

<h1>${ 'welcomeMessage' | t }</h1>

위 코드에서 'welcomeMessage'는 해당 문자열이나 키를 나타냅니다. 이 키에 대한 실제 문자열은 지정된 언어 파일에서 가져옵니다.

언어 변경

Aurelia의 i18n 인스턴스를 사용하여 언어를 동적으로 변경할 수 있습니다. 이를 통해 사용자가 선호하는 언어를 선택하고 앱의 언어를 즉시 바꿀 수 있습니다.

i18n.setLocale('en');

결론

Aurelia의 다국어 지원 기능을 사용하면 어플리케이션을 간단히 다국어화하고 다양한 사용자들에게 접근성 있는 앱을 제공할 수 있습니다.

더 많은 정보는 Aurelia i18n 문서에서 확인할 수 있습니다.