i18n 메시지 형식 변환기
ICU MessageFormat, i18next, Vue I18n, Gettext PO 및 Intlayer 간에 번역 문자열과 사전을 원활하게 변환하세요. 동적 변수를 실시간으로 테스트하세요.
예제 불러오기
icu
ICU Plural with Exact Matchicu
ICU Select (Gender / Role)icu
ICU Selectordinal (Rankings)vue-i18n
Vue I18n Pipe Plurali18next
i18next Simple Interpolationicu
ICU Number & Percentage Formaticu
HTML / Rich Text Formattingicu
Full JSON Dictionary소스 형식formatjs / next-intl
79 자
대상 형식react-i18next
올바른 구문
대화형 라이브 미리보기 및 평가
감지된 변수에 대한 테스트 값을 설정하여 실시간으로 확인하세요.
로케일:
렌더링된 문자열 미리보기 (en):
1 item in cart
메시지 형식 비교 및 구문 가이드
지원되는 모든 형식에서 보간, 복수형, 선택 항목 및 숫자 형식 지정이 어떻게 비교되는지 확인하세요.
| 기능 | ICU MessageFormat | i18next | Vue I18n | Intlayer |
|---|---|---|---|---|
단순 변수 텍스트 내부의 명명된 변수 치환 | Hello {name}! | Hello {{name}}! | Hello {name}! | Hello {{name}}! |
CLDR 복수형 범주 기반 복수형 규칙 (one, few, many, other) | {count, plural, one {# item} other {# items}} | {count, plural, one {# item} other {# items}} | 1 item | {count} items | plural({ one: '{{count}} item', other: '{{count}} items' }) |
정확히 일치하는 복수형 0, 1과 같은 특정 숫자를 명시적으로 매핑 | {count, plural, =0 {No items} other {# items}} | {count, plural, =0 {No items} other {# items}} | No items | {count} items | enu({ '0': 'No items', fallback: '{{count}} items' }) |
Select / 성별 문자열 조건 일치 | {gender, select, male {He} female {She} other {They}} | {gender, select, male {He} female {She} other {They}} | {gender: {male: "He", female: "She"}} | gender({ male: 'He', female: 'She', fallback: 'They' }) |
숫자 / 백분율 형식 현지화된 숫자 서식 스타일 | {val, number, percent} | {{val, percent}} | $n(val, 'percent') | {val, number, percent} |
HTML / 서식 있는 텍스트 서식 지정을 위해 유지된 마크업 태グ | Read <strong>{doc}</strong> | Read <1>{{doc}}</1> | <i18n-t> or raw HTML | html('Read <strong>{{doc}}</strong>') |
타입 안전한 컴파일
오타가 런타임에 조용히 실패하는 레거시 시스템과 달리 Intlayer는 엔드투엔드 TypeScript 컴파일 및 IDE 자동 완성을 적용합니다.
범용 호환성 계층
벤더 종속 없이 Next-intl, FormatJS, i18next 또는 Nuxt에서 메시지를 원활하게 가져오거나 내보낼 수 있습니다.
시각적 CMS 및 AI 번역
Intlayer에서 선언된 콘텐츠는 실시간으로 시각적으로 편집하거나 통합된 AI 파이프ライン을 통해 18개 이상의 언어로 자동 번역할 수 있습니다.
Intlayer 생태계
완전한 타입 안전성을 위해 Intlayer로 마이그레이션하세요
코드 바로 옆에서 번역을 선언하고, 빌드 시 누락된 키를 감지하며, 시각적 CMS를 활용하세요.