다국어에서 복수형 처리를 위한 자바스크립트 Intl API 활용 방법
다국어 웹 애플리케이션을 개발할 때, 하나의 문구가 다른 언어에서는 단수형일 수도 있고 복수형일 수도 있습니다. 이것은 복수형 처리에 대한 고려가 필요합니다.
자바스크립트에서는 Intl API를 사용하여 다국어에서 복수형을 처리할 수 있습니다. Intl API는 표준화된 복수형 규칙을 제공하여 문구를 자동으로 단수형 또는 복수형으로 표시할 수 있습니다.
아래는 자바스크립트 Intl API를 활용하여 복수형 처리를 하는 예제입니다.
const messages = {
en: {
apples: `{count, plural,
=0 {You have no apples}
=1 {You have one apple}
other {You have {count} apples}
}`,
},
fr: {
apples: `{count, plural,
=0 {Vous n'avez pas de pommes}
=1 {Vous avez une pomme}
other {Vous avez {count} pommes}
}`,
},
};
const language = navigator.language; // 브라우저의 현재 언어 가져오기
const formatter = new Intl.MessageFormat(messages[language].apples, language);
console.log(formatter.format({ count: 0 }));
console.log(formatter.format({ count: 1 }));
console.log(formatter.format({ count: 2 }));
위 예제는 영어와 프랑스어에서 apples
문구를 복수형에 맞게 처리하는 예제입니다. plural
을 사용하여 각각의 언어 별 복수형 규칙을 정의하고, format
메서드를 사용하여 변수 값을 적용시킬 수 있습니다.
Intl API를 사용하여 복수형 처리를 하면 다국어 애플리케이션에서 문구를 자동으로 단수형 또는 복수형으로 표시할 수 있으며, 번역 작업의 효율성을 높일 수 있습니다.
추천 자료: