다국어 환경에서 통화를 변환하는 것은 웹 애플리케이션에서 중요한 기능입니다. 자바스크립트에서는 Intl API를 활용하여 다국어 통화 변환을 쉽게 구현할 수 있습니다. 이번 글에서는 자바스크립트 Intl API를 사용하여 다국어 통화 변환을 하는 방법을 알아보겠습니다.

Intl API 소개

Intl API는 자바스크립트의 내장 API로, 국제화 기능을 제공합니다. 이 API를 사용하면 날짜, 시간, 숫자, 통화 등의 데이터를 다국어로 표현하고 형식을 지정할 수 있습니다. 이 중에서도 통화 변환을 위해 Intl.NumberFormat 객체를 사용합니다.

Intl.NumberFormat 객체를 사용한 통화 변환

다음은 자바스크립트 Intl.NumberFormat 객체를 사용하여 통화를 변환하는 예제 코드입니다.

const amount = 1000;
const currencyCode = 'USD';

const formattedCurrency = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: currencyCode,
}).format(amount);

console.log(formattedCurrency); // $1,000.00

위 코드에서는 amount 변수에 변환할 금액을, currencyCode 변수에 통화 코드를 설정합니다. 예제에서는 미국 달러(USD)를 사용하였습니다. Intl.NumberFormat 객체를 생성할 때 첫 번째 매개변수에는 locale 정보를 입력합니다. 두 번째 매개변수에는 통화 변환에 대한 설정을 지정합니다. style 속성을 'currency'로 설정하고, currency 속성에는 통화 코드를 전달하여 통화 변환 형식을 지정합니다. format() 메서드를 호출하여 변환된 통화를 얻을 수 있습니다.

위 예제를 실행하면 “$1,000.00”과 같이 USD로 변환된 통화가 출력됩니다.

다국어 통화 변환

Intl API를 사용하면 여러 언어로 통화 변환을 할 수 있습니다. 자바스크립트의 Intl.NumberFormat 객체는 locale 정보를 설정할 수 있으므로, 이를 이용하여 다국어 통화 변환을 할 수 있습니다.

const amount = 1000;
const currencyCode = 'CNY';

const formattedCurrency = new Intl.NumberFormat('zh-CN', {
  style: 'currency',
  currency: currencyCode,
}).format(amount);

console.log(formattedCurrency); // ¥1,000.00

위 코드는 ‘zh-CN’ locale을 사용하여 중국 위안(CNY)으로 통화 변환을 하는 예제입니다. 실행 결과로 “¥1,000.00”과 같이 CNY로 변환된 통화가 출력됩니다.

마무리

자바스크립트 Intl API를 활용하면 웹 애플리케이션에서 다국어 통화 변환을 쉽게 구현할 수 있습니다. Intl.NumberFormat 객체를 사용하여 통화 변환에 대한 다양한 설정을 적용할 수 있으며, locale 정보를 이용하여 다국어로 변환된 통화를 제공할 수 있습니다.

#javascript #IntlAPI