다국어에서 복수형 처리를 위한 자바스크립트 Intl API 활용 방법

10 Nov 2023

javascript

다국어 웹 애플리케이션을 개발할 때, 하나의 문구가 다른 언어에서는 단수형일 수도 있고 복수형일 수도 있습니다. 이것은 복수형 처리에 대한 고려가 필요합니다.

자바스크립트에서는 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를 사용하여 복수형 처리를 하면 다국어 애플리케이션에서 문구를 자동으로 단수형 또는 복수형으로 표시할 수 있으며, 번역 작업의 효율성을 높일 수 있습니다.