다국어 표현식 처리를 위한 자바스크립트 Intl API 활용 방법

10 Nov 2023

javascript

다국어 웹사이트 개발 시, 여러 언어로 표현식을 처리하는 것은 중요한 과정입니다. 자바스크립트에서는 이를 쉽게 처리하기 위해 Intl API를 제공합니다. 이 API를 사용하여 다국어 표현식을 처리하는 방법에 대해서 알아보겠습니다.

Intl API 소개

Intl API는 ECMAScript 262 표준의 일부로, 다국어화와 관련된 기능을 제공합니다. 이 API는 다음과 같은 기능을 제공합니다.

언어와 관련된 정보 (언어 코드, 국가 코드 등) 가져오기
다국어 날짜 및 시간 형식 처리
다국어 숫자 및 통화 형식 처리
다국어 메시지 형식 처리

위의 기능을 사용하여 웹사이트에서 다국어 표현식을 처리할 수 있습니다.

다국어 숫자 형식 처리 예제

다음은 자바스크립트 Intl API를 사용하여 다국어 숫자 형식을 처리하는 예제입니다.

const number = 123456.789;

const formattedNumber = new Intl.NumberFormat('en-US').format(number);
console.log(formattedNumber);
// Output: 123,456.789

const formattedNumberKR = new Intl.NumberFormat('ko-KR').format(number);
console.log(formattedNumberKR);
// Output: 123,456.789

위의 예제에서는 Intl.NumberFormat 객체를 사용하여 다국어 숫자 형식을 처리합니다. 첫 번째 인자로 원하는 언어 코드를 전달하고, format 메소드를 호출하여 숫자를 형식화합니다. 출력 결과는 해당 언어에 맞는 숫자 표기법으로 나타납니다.

다국어 날짜 형식 처리 예제

다음은 자바스크립트 Intl API를 사용하여 다국어 날짜 형식을 처리하는 예제입니다.

const date = new Date();

const options = { year: 'numeric', month: 'long', day: 'numeric' };

const formattedDate = new Intl.DateTimeFormat('en-US', options).format(date);
console.log(formattedDate);
// Output: August 17, 2022

const formattedDateKR = new Intl.DateTimeFormat('ko-KR', options).format(date);
console.log(formattedDateKR);
// Output: 2022년 8월 17일

Intl.DateTimeFormat 객체를 사용하여 다국어 날짜 형식을 처리합니다. 첫 번째 인자로 언어 코드를 전달하고, 두 번째 인자로는 원하는 날짜 형식 옵션을 설정합니다. format 메소드를 호출하여 날짜를 형식화합니다.

추가 정보

Intl API를 사용하여 다국어 표현식을 처리하는 방법에 대한 더 자세한 정보는 다음의 자료를 참고하세요.

MDN web docs - Intl

위의 예제 코드와 설명을 통해 Intl API를 사용하여 자바스크립트에서 다국어 표현식을 처리하는 방법을 알아보았습니다. 이를 활용하여 다국어 웹사이트를 개발할 때 유용하게 사용할 수 있습니다.

#javascript #언어처리