다국어 통화 변환은 현대 웹 개발에서 많이 사용되는 기능 중 하나입니다. 이 기능을 구현하기 위해서는 통화를 나타내는 값을 다른 언어로 변환하는 작업이 필요합니다. 이번 포스트에서는 자바스크립트의 Intl API를 활용하여 다국어 통화 변환을 어떻게 할 수 있는지 알아보겠습니다.

Intl API란?

Intl API는 자바스크립트의 내장 API 중 하나로, 다국어와 관련된 기능을 제공합니다. 이 API를 사용하면 날짜, 시간, 통화, 숫자 등을 다른 언어에 맞게 포매팅할 수 있습니다. 특히 통화 변환을 위한 기능은 전 세계적으로 사용되는 웹 애플리케이션에서 필수적인 요소입니다.

통화 변환을 위한 Intl.NumberFormat 사용하기

Intl API의 하위 객체 중 하나인 Intl.NumberFormat 객체를 사용하여 통화 값을 원하는 언어로 변환할 수 있습니다. 다음은 간단한 예제 코드입니다.

const price = 1000; // 통화 값

const currencyFormatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
});

const formattedPrice = currencyFormatter.format(price);
console.log(formattedPrice);
// 출력: $1,000.00

위 코드에서는 Intl.NumberFormat 객체를 생성할 때 'en-US'와 'USD'라는 인자를 전달했습니다. 이는 미국의 영어로 통화 값을 표시하도록 설정한 것입니다. format 메소드를 호출하면 price 값이 미국 통화 형식에 맞춰 변환되어 출력됩니다.

다른 언어에 맞는 통화 변환하기

위 예제에서 'en-US'를 'ko-KR'로 변경하면 한국어로 통화 값을 출력할 수 있습니다.

const price = 1000; // 통화 값

const currencyFormatter = new Intl.NumberFormat('ko-KR', {
  style: 'currency',
  currency: 'KRW',
});

const formattedPrice = currencyFormatter.format(price);
console.log(formattedPrice);
// 출력: ₩1,000

여기서 'ko-KR'은 한국어, 'KRW'은 대한민국 원을 나타냅니다. 이렇듯 Intl.NumberFormat 객체의 첫 번째 인자를 다른 언어로 설정하여 통화 값을 해당 언어에 맞게 변환할 수 있습니다.

결론

자바스크립트의 Intl API를 사용하여 다국어 통화 변환을 실현하는 방법을 알아보았습니다. Intl.NumberFormat 객체를 사용하여 통화 값을 다른 언어로 변환하고, 해당 언어의 통화 형식에 맞춰 포매팅할 수 있습니다. 다양한 지역에서 사용되는 웹 애플리케이션을 개발한다면 이러한 다국어 기능을 고려하는 것이 좋습니다.

더 많은 자세한 내용은 MDN web docs를 참조하십시오.

#Javascript #IntlAPI