규로그

  • 홈
  • 태그
  • 방명록
프로필사진

규로그

규로로그

  • 분류 전체보기 (8)
    • FE (7)
    • 기타 (1)

Tag

STORYBOOK, eslint, playwright, vue-i18n, frontend, 지역화, tailwindcss, 국제화, l10n, vue.js, e2e test, i18n,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

vue-i18n 2

[vue-i18n] 2. 번역 리소스

이전 글: 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: 'こんにちは、世界', },} 하지만, 번역해야 될 텍스트가 많아질수록 위의 방법은 관리하기가 힘들어지니 ..

FE 2024.12.07

[vue-i18n] 1. 시작하기

다음 글: 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..

FE 2024.12.07
이전
1
다음
더보기

Copyright © Kakao Corp. All rights reserved.

티스토리툴바