규로그

이전 글: 2024.12.07 - [FE] - [vue-i18n] 1. 시작하기다음 글: - vue.js v3.4.25, vue-i18n v9.13.1 기준 작성 1. 리소스 파일 분리1절에서 작성한 것과 같이 번역 리소스는 messages에 들어간다. 가장 상위의 key는 locale 값, 그 아래로는 작성된 번역 리소스가 들어간다. 가장 간단하게 사용하려면 messages에 리소스를 직접 작성한다. 아래는 1절의 예제에서 사용했던 코드다.messages: { en: { message: 'hello world', }, ko: { message: '안녕, 세계', }, ja: { message: 'こんにちは、世界', },} 하지만, 번역해야 될 텍스트가 많아질수록 위의 방법은 관리하기가 힘들어지니 ..

다음 글: 2024.12.07 - [FE] - [vue-i18n] 2. 번역 리소스vue.js v3.4.25, vue-i18n v9.13.1 기준 작성1. 설치사용하는 패키지 매니저에 따라 설치를 진행한다.# npmnpm install vue-i18n@9# yarnyarn add vue-i18n@9 2. 플러그인 등록vue에서 사용하기 위해 app에 명시적으로 설치해줘야 한다. main.js에 다음과 같이 작성한다.// src/main.jsimport { createApp } from 'vue'import App from './App.vue'import { createI18n } from 'vue-i18n'const app = createApp(App)const i18n = createI18n({ lo..

1. 국제화(i18n)와 지역화(L10n)란?출판물이나 하드웨어 또는 소프트웨어 등의 제품을 언어 및 문화권 등이 다른 여러 환경에 대해 사용할 수 있도록 지원하는 것을 의미한다.[1]국제화 (internationlization, i18n) : 제품 자체가 여러 환경을 지원할 수 있도록 제품을 설계하는 것을 의미지역화 (localization, L10n) : 제품을 각 환경에 대해 지원(개발)하는 것을 의미국제화와 지역화를 모두 포함하여 세계화(globalization, g11n)라고 부르기도 한다.대표적으로 문자 모음 (유니코드), 측정 단위 (통화, °C/°F, km/miles 등), 시간 및 날짜 형식, 키보드 레이아웃, 텍스트 방향 등을 지원해야한다.[2]Locale (로케일) : 특정 언어와 지..