국제화와 다국어 지원은 현대 웹 어플리케이션에서 중요한 요소 중 하나입니다. 웹 어플리케이션을 다국어로 제공하려면 텍스트의 수량을 제대로 표현해야 합니다. 예를 들어, “1 개의 새 메시지”와 “3 개의 새 메시지”와 같이 텍스트가 수량에 따라 동적으로 변해야 합니다.
자바스크립트에서는 이러한 다국어 수량 표현을 쉽게 처리할 수 있는 Intl API를 제공합니다. Intl API를 사용하여 언어와 지역 설정에 따라 수량을 정확하게 표현할 수 있습니다.
Intl API 소개
Intl API는 ECMAScript Internationalization API의 약자로, 자바스크립트에서 다국어와 지역 설정을 다룰 때 사용됩니다. 이 API는 언어와 지역 설정별로 번역, 수량 표현, 날짜 및 시간 표현 등 다양한 국제화 요구사항을 처리할 수 있습니다.
자바스크립트의 Intl API는 다국어 수량 표현을 위해 다음 두 가지 핵심 클래스를 제공합니다.
Intl.NumberFormat: 숫자를 다국어로 형식화하는 데 사용됩니다.Intl.PluralRules: 수량을 다국어로 변환하는 데 사용됩니다.
Intl.NumberFormat을 사용한 수량 형식화
Intl.NumberFormat 클래스는 주어진 언어와 지역 설정에 따라 숫자를 형식화할 수 있는 기능을 제공합니다. 예를 들어, 다음과 같이 Intl.NumberFormat을 사용하여 숫자를 다국어로 형식화할 수 있습니다.
const number = 1000;
const numberFormat = new Intl.NumberFormat('ko-KR');
const formattedNumber = numberFormat.format(number);
console.log(formattedNumber); // "1,000"
위의 코드는 number 변수의 값을 한국어 (ko-KR) 형식에 맞게 변환하여 formattedNumber 변수에 저장합니다. formattedNumber 변수에 저장된 값은 “1,000”입니다.
Intl.PluralRules를 사용한 수량 다국어 변환
Intl.PluralRules 클래스는 주어진 언어와 지역 설정에 따라 수량을 다국어로 변환할 수 있는 기능을 제공합니다. 예를 들어, 다음과 같이 Intl.PluralRules를 사용하여 수량을 다국어로 변환할 수 있습니다.
const count = 3;
const pluralRules = new Intl.PluralRules('ko-KR');
const pluralizedCount = pluralRules.select(count, {
one: '한 개의 새 메시지',
other: '{count} 개의 새 메시지'
});
console.log(pluralizedCount); // "3 개의 새 메시지"
위의 코드는 count 변수의 값을 한국어 (ko-KR) 언어 설정에 맞게 변환하여 pluralizedCount 변수에 저장합니다. pluralizedCount 변수에 저장된 값은 “3 개의 새 메시지”입니다.
정리
다국어 수량 표현은 자바스크립트의 Intl API를 활용하여 간단하게 처리할 수 있습니다. Intl.NumberFormat을 사용하여 숫자를 다국어로 형식화하고, Intl.PluralRules를 사용하여 수량을 다국어로 변환할 수 있습니다. 이를 통해 다국어 웹 어플리케이션에서 텍스트의 수량을 정확하게 표현할 수 있습니다.
더 자세한 내용은 다음 링크를 참고하세요.