Nuxt 국제화
i18n 모듈, 번역, locale 감지, route 현지화, 언어 전환, 다국어 SEO
1@nuxtjs/i18n 모듈은 Nuxt 애플리케이션에 무엇을 제공하나요?
@nuxtjs/i18n 모듈은 Nuxt 애플리케이션에 무엇을 제공하나요?
답변
@nuxtjs/i18n 모듈은 vue-i18n을 Nuxt에 통합하고 locale별 자동 routing, 브라우저 언어 감지, 다국어 SEO, 현지화된 route 자동 생성과 같은 프레임워크 고유 기능을 추가합니다. 리다이렉트, alternate meta 태그, 번역의 lazy loading 같은 복잡한 기술적 측면을 자동으로 처리하여 다국어 애플리케이션 구축을 크게 간소화합니다.
2Nuxt i18n 애플리케이션의 기본 locale을 정의할 수 있는 설정은 무엇인가요?
Nuxt i18n 애플리케이션의 기본 locale을 정의할 수 있는 설정은 무엇인가요?
답변
i18n 설정의 defaultLocale 속성은 특정 locale이 감지되거나 요청되지 않을 때 사용되는 기본 언어를 정의합니다. 이 locale은 fallback 역할을 하며, routing strategy가 허용하는 경우 사이트 루트에 사용됩니다. 이는 locales 배열에 정의된 코드 중 하나와 일치해야 합니다. 이는 애플리케이션이 항상 작동하는 기준 언어를 갖도록 보장하는 기본적인 매개변수입니다.
3@nuxtjs/i18n으로 Vue 컴포넌트에서 번역에 접근하려면 어떻게 하나요?
@nuxtjs/i18n으로 Vue 컴포넌트에서 번역에 접근하려면 어떻게 하나요?
답변
@nuxtjs/i18n이 제공하는 useI18n composable은 locale 파일에 정의된 번역에 접근할 수 있는 t 함수를 노출합니다. 이 함수는 번역 키와 보간(interpolation)을 위한 선택적 매개변수를 받습니다. 이는 Composition API를 사용하는 Nuxt 3에서 권장되는 방법으로, 기존의 this.$t 구문을 대체합니다. 이 composable은 언어를 동적으로 관리하기 위한 locale, locales, setLocale 같은 다른 기능에도 접근할 수 있게 해줍니다.
Nuxt i18n 애플리케이션에서 활성 locale을 동적으로 변경하려면 어떻게 해야 하나요?
prefix_except_default와 prefix routing 전략의 차이점은 무엇인가요?
+15 면접 질문