LocalePack
ChromeFirefoxEdge오페라사파리CWS 등록 페이지
Vue.jsReact
Next.jsi18nextReact Native
개발자 가이드성공 사례
vue-i18n을 위해 목적에 맞게 설계

AI 로컬라이제이션: Vue.js 앱

vue-i18n JSON 또는 YAML을 업로드하고, 대상 언어를 선택한 뒤, 한 번만 결제하고, 바로 사용할 수 있는 로케일 파일을 다운로드하세요.

파이프 복수형 및 {name} 플레이스홀더
vue-i18n JSON 및 YAML
투명한 가격
locales/en.json
원본(영어)
{
  "hello": "Hello, {name}!",
  "car": "car | cars",
  "items": "no items
    | one item
    | {n} items"
}
독일어(결과)
{
  "hello": "Hallo, {name}!",
  "car": "Auto | Autos",
  "items": "keine Artikel
    | ein Artikel
    | {n} Artikel"
}
52개 로케일

작동 방식

Vue.js 프로젝트를 현지화하는 3가지 간단한 단계. 번역은 결제 후 진행되며, 작업을 큐에 넣고 몇 분 안에 로케일 파일을 생성합니다.

01

로케일 파일 업로드

vue-i18n JSON 또는 YAML 파일(예: locales/en.json)을 넣어주세요. 파이프 복수형과 {placeholder} 토큰을 자동으로 감지합니다.

02

언어 선택

52개 언어 중에서 선택하세요. 결제 전에 파일 크기와 복잡도에 따른 투명한 가격을 확인할 수 있습니다.

03

다운로드

Stripe로 한 번만 결제하세요. 파이프( | )로 구분된 복수형과 {variable} 플레이스홀더를 보존한 로케일 파일을 반환합니다.

실시간 가격 데모

투명한 가격 추정기

업로드하기 전에 결제 금액을 정확히 확인하세요. 최종 견적은 업로드 후 파일 복잡도와 선택한 언어를 기준으로 계산됩니다.

1. 파일 업로드

여기에 JSON 또는 YAML을 드롭하세요

또는 클릭하여 찾아보기

vue-i18n 로케일 파일(JSON 또는 YAML). 최대 500KB.

2. 언어 선택

|

총 52개 언어 중 3개 선택됨

3. 예상 견적

선택한 언어3

최종 가격은 결제 페이지에서 파일 업로드 후 계산됩니다

일회성 결제 • 구독 없음

vue-i18n 개발자를 위해 제작

vue-i18n 파이프 복수형, {placeholder} 토큰, 중첩 메시지 객체를 위해 목적에 맞게 설계된 도구로, 범용 번역 도구가 아닙니다.

파이프 복수형 처리

"car | cars" 및 "no items | one item | {n} items" 같은 vue-i18n 파이프 구분 복수형을 대상 언어에 맞게 올바르게 처리합니다.

{placeholder} 안전성

{name}, {count} 같은 vue-i18n 보간 토큰과 이름 지정 포맷팅을 그대로 정확히 보존하여, 번역 후에도 문자열이 깨지지 않습니다.

JSON 및 YAML 지원

JSON 또는 YAML 로케일 파일을 업로드하세요. 형식을 자동으로 감지하고, 업로드한 것과 동일한 형식으로 번역본을 반환합니다.

바로 사용 가능한 결과물

vue-i18n의 createI18n()에 바로 쓸 수 있는 로케일 파일을 다운로드하세요—동일한 구조, 번역된 값, 프로젝트에 그대로 넣기만 하면 됩니다.

병렬 번역

모든 언어가 동시에 번역됩니다. 대부분의 작업은 5분 이내에 완료됩니다.

일회성 결제

구독도, 월 요금도 없습니다. 작업당 한 번만 결제하고, 언제든 다운로드하세요.

vue-i18n 로케일 파일이 어떻게 맞물리는지

vue-i18n 프로젝트는 locales/ 아래의 JSON 또는 YAML 파일에 로케일 메시지를 보관합니다. LocalePack은 선택한 모든 언어에 대해 동일한 구조를 생성합니다.

locales/ 폴더 구조

locales/
├── en.json         ← source locale
├── de.json
├── fr.json
├── ja.json
└── ...       (52 locales)

템플릿에서의 $t() 사용법

// locales/en.json
{
  "greeting": "Hello {name}",
  "items": "no items | one item
    | {n} items"
}

// In your Vue component
<template>
  {{ $t('greeting', { name: 'Ada' }) }}
  {{ $t('items', 5) }}
</template>

템플릿 API

$t()

설정

createI18n()

플레이스홀더

{variable}

복수형

pipe syntax

왜 범용 도구를 그냥 쓰면 안 될까요?

범용 번역 도구는 종종 vue-i18n 파이프 복수형, {placeholder} 토큰, 그리고 중첩된 메시지 구조를 망가뜨립니다.

LocalePack
수동 번역
범용 TMS
설정 시간2분언어당 수시간30분 이상
비용 투명성
중첩 JSON/YAML 지원
{placeholder} 및 복수형 안전성
속도(52개 언어)< 5분주시간
가장 적합한 경우Vue.js 및 Nuxt 앱소규모 프로젝트엔터프라이즈 CMS

성공 사례

LocalePack을 사용해 최대 52개 언어로 전 세계 사용자에게 도달한 실제 프로젝트들.

AstrologerAI AI astrology app localized into 52 languages

AstrologerAI: an AI astrology app localized into 52 languages

How the AstrologerAI app translated its entire experience into 52 languages with LocalePack — 6.3M tokens for $58.73 — to reach a worldwide audience in their own language.

DevToys.pro developer tools web app localized into 52 languages

DevToys.pro: 400% international traffic growth across 52 languages

How the DevToys.pro web app translated its entire UI into 52 languages with LocalePack — 5.8M tokens for $58.44 — and quadrupled its international organic traffic.

DevToys New Tab Chrome extension localized into 52 languages

DevToys New Tab: a Chrome extension localized UI + store listing in 52 languages

How the DevToys New Tab Chrome extension localized both its in-extension UI and its Chrome Web Store listing into 52 languages to reach a global audience.

The LocalePack site localized into 52 languages with LocalePack

LocalePack localized itself into 52 languages — with LocalePack

We used our own tool to translate the entire LocalePack site into 52 languages — 2.9M tokens for $27.37 — so developers worldwide find us in their own language.

모든 성공 사례 보기

Vue.js 개발자들이 신뢰합니다

“우리 Vue 앱은 반나절 만에 영어 전용에서 12개 언어로 확장됐습니다. 파이프 복수형과 {name} 플레이스홀더도 그대로 유지됐어요.”

Marco S.

풀스택 개발자, Vue SPA

“드디어 vue-i18n 형식을 이해하는 도구를 찾았어요. 출력물을 우리 locales/ 폴더에 그대로 넣기만 하면 됐고—수동 수정이 필요 없었습니다.”

Claire D.

프론트엔드 엔지니어, Nuxt 앱

“투명한 가격 정책이 마음에 들었습니다. 로케일 파일을 하나도 업로드하기 전에 견적을 확인할 수 있었어요.”

Jin K.

오픈 소스 기여자

52

지원 로케일

100%

플레이스홀더 및 복수형 안전

ZIP

바로 사용 가능한 결과물

자주 묻는 질문

vue-i18n용 LocalePack에 대해 알아야 할 모든 것.

브라우저 확장 프로그램에서도 이용 가능:

ChromeFirefoxEdge오페라사파리

Related developer guides

Deep dives on the formats, APIs and errors behind this page — written for developers, not translators.

vue-i18n locale files: JSON, YAML, pipe plurals, and {named} placeholders

The vue-i18n locale file format — pipe-separated plurals, {named} placeholders, linked locale messages, YAML support, and SFC i18n blocks.

i18next JSON format: namespaces, {{placeholders}}, and _one/_other plurals

A complete reference for the i18next JSON locale format — namespace files, double-brace {{placeholder}} syntax, _one/_other plural keys, nested objects, and how to structure your locales/ folder.

Next.js i18n: next-intl vs react-i18next vs i18next

Practical comparison of the three leading Next.js i18n libraries — App Router support, file format, TypeScript safety, pluralization syntax, and when to pick each one.

Validate messages.json before shipping

How to catch every class of messages.json error before your users do: JSON syntax, missing required fields, missing keys across locales, malformed placeholder syntax, and manifest key mismatches.

Browse all guides →

Vue.js 앱을 전 세계에 출시할 준비가 되셨나요?

한 번 결제 • 로케일 파일 다운로드 • 전 세계 출시

LocalePack 사용해 보기
LocalePack
가이드개인정보처리방침이용약관지원

© 2025 LocalePack. 모든 권리 보유.

이 프로젝트는 다음으로 번역되었습니다: LocalePack logoLocalePack