다국어 웹 애플리케이션을 개발할 때, 다양한 언어에서 단어의 형식을 올바르게 처리하는 것은 중요한 과제입니다. 이를 위해 자바스크립트에서 Intl API를 사용할 수 있습니다. Intl API는 다국어 지원을 위한 다양한 기능을 제공하여 형식 처리를 간편하게 할 수 있습니다.
1. Intl API 소개
Intl API는 자바스크립트의 내장 객체로, 다국어 지원을 위한 다양한 기능을 제공합니다. 이를 이용하면 다음과 같은 작업을 할 수 있습니다.
- 숫자, 날짜, 시간 등의 형식을 로케일에 맞게 표시하기
- 다국어 메시지를 로케일에 맞게 형식화하기
- 화폐 단위, 숫자 세 나라에서의 천 단위 구분 기호 등을 정확하게 처리하기
Intl API는 자바스크립트에서 다국어를 처리할 때 필요한 중요한 기능들을 제공합니다.
2. 단어 형식 처리하기
Intl API를 사용하여 다국어에서 단어의 형식을 처리하는 가장 일반적인 방법은 Intl.DateTimeFormat
및 Intl.NumberFormat
를 사용하는 것입니다.
2-1. 날짜 형식 처리하기
const date = new Date();
const options = { year: 'numeric', month: 'long', day: 'numeric' };
const formattedDate = new Intl.DateTimeFormat('ko-KR', options).format(date);
console.log(formattedDate); // "2021년 1월 23일"
위의 코드에서는 Intl.DateTimeFormat
를 사용하여 현재 날짜를 한국 로케일에 맞게 “2021년 1월 23일”과 같은 형식으로 표시하는 예시입니다. 로케일에 맞게 형식을 표시하려면 첫 번째 인수로 로케일을 지정하고, 두 번째 인수로 옵션을 설정합니다.
2-2. 숫자 형식 처리하기
const number = 1234567.89;
const formattedNumber = new Intl.NumberFormat('de-DE').format(number);
console.log(formattedNumber); // "1.234.567,89"
위의 코드에서는 Intl.NumberFormat
를 사용하여 1234567.89와 같은 숫자를 독일 로케일에 맞게 “1.234.567,89”와 같은 형식으로 표시하는 예시입니다. 로케일에 맞게 형식을 표시하려면 첫 번째 인수로 로케일을 지정합니다.
Intl API를 사용하면 간단하게 다국어에서 단어의 형식을 처리할 수 있습니다. 애플리케이션에서 다국어 지원이 필요한 경우, Intl API를 활용하여 원활한 다국어 환경을 제공할 수 있습니다.
참고 자료
#다국어 #형식처리