JavaScript i18n
JavaScript i18n: Intl API를 활용한 브라우저 내장 국제화
자바스크립트에는 숫자, 날짜, 목록의 서식을 지정하고 다양한 로케일에 걸쳐 복수형 규칙을 처리하기 위한 내장 표준으로 Intl API가 포함되어 있습니다. 별도의 외부 라이브러리가 필요하지 않습니다. 이 API는 모든 최신 브라우저와 Node.js에서 지원되며, 로케일에 민감한 문자열 비교, 분할 및 상대적 시간 서식 지정을 기본적으로 제공합니다.
JavaScript Intl API 기능
핵심 i18n 작업을 위한 외부 의존성 없는 내장 Intl API
로케일 기반 통화, 백분율, 단위 포맷팅을 위한 Intl.NumberFormat
로케일별 날짜 및 시간 표시 형식을 위한 Intl.DateTimeFormat
100개 이상의 지역 설정을 아우르는 서수 및 기수 복수형에 대한 국제 복수 규칙
복수형, 선택, 중첩이 있는 복잡한 메시지를 위한 ICU MessageFormat 구문
사람이 읽기 쉬운 상대 날짜(예: "3일 전")를 위한 Intl.RelativeTimeFormat
로케일을 고려한 결합 및 분리 목록을 위한 Intl.ListFormat
로케일에 민감한 문자열 정렬 및 비교를 위한 Intl.Collator
단어, 문장 및 문소 경계 감지를 위한 국제 세그멘테이션 도구
JavaScript Intl API 실전
현대 브라우저 또는 Node.js 런타임에서 로케일별 출력을 위해 내장 Intl 생성자를 사용하여 통화, 날짜, 서수를 포맷합니다.
// Using the built-in Intl API
const formatter = new Intl.NumberFormat('de-DE', {
style: 'currency',
currency: 'EUR',
});
console.log(formatter.format(1234.56)); // "1.234,56 €"
// Date formatting
const date = new Intl.DateTimeFormat('ja-JP', {
year: 'numeric',
month: 'long',
day: 'numeric',
});
console.log(date.format(new Date())); // "2026年3月2日"
// Pluralization
const plural = new Intl.PluralRules('en');
const suffixes = { one: 'st', two: 'nd', few: 'rd', other: 'th' };
function ordinal(n) {
return `${n}${suffixes[plural.select(n)]}`;
}