다국어 웹 애플리케이션을 개발하다보면, 단수와 복수 형태의 다국어 처리가 필요한 경우가 많습니다. 자바스크립트에서 이러한 다국어 처리를 지원하기 위해 Intl API를 사용할 수 있습니다. Intl API는 자바스크립트의 내장 객체로, 다양한 언어와 지역화 관련 기능을 제공합니다.

Intl API 소개

Intl는 Internationalization의 약자로 다양한 언어와 지역화 관련 기능을 제공합니다. 이 중에서도 복수형 처리를 위한 기능은 Intl.PluralRules 객체를 사용하여 구현할 수 있습니다.

Intl.PluralRules 객체는 주어진 수에 대해 다국어에서 정의된 복수형 규칙에 따라 복수형 형태를 선택할 수 있도록 도와줍니다.

예제 코드

다음은 Intl.PluralRules 객체를 사용하여 복수형 처리를 해보는 예제 코드입니다.

const messages = {
  en: {
    apples: new Intl.PluralRules('en').select(10),
  },
  ko: {
    apples: new Intl.PluralRules('ko').select(10),
  },
};

console.log(`I have ${messages.en.apples} apples in English.`);
console.log(`나는 한글로 ${messages.ko.apples}개의 사과를 가지고 있습니다.`);

// Output:
// I have many apples in English.
// 나는 한글로 많은 사과를 가지고 있습니다.

위 코드는 각 언어에 따라 Intl.PluralRules 객체를 사용하여 10에 대한 복수형 표현을 선택합니다. 이렇게 얻은 결과는 해당 언어에 맞는 복수형 형태로 표시됩니다.

참고 자료

• MDN web docs - Intl.PluralRules

해시태그

#JavaScript #IntlAPI