다국어 지원은 현대 웹 어플리케이션에서 중요한 요소 중 하나입니다. 특히 통화에 관련된 내용은 국가 간의 경제 활동을 지원하기 위해 필수적입니다. 자바스크립트에서는 Intl API를 활용하여 다국어 통화 표기를 손쉽게 제공할 수 있습니다. 이번 글에서는 자바스크립트 Intl API를 사용하여 다국어 통화 표기를 하는 방법에 대해 알아보겠습니다.

Intl API 소개

Intl API는 자바스크립트에서 다양한 지역화 관련 기능을 제공하는 API입니다. 이 API는 현지 언어와 통화 표기, 날짜 및 시간 표현 등과 같은 다양한 지역화 관련 작업을 쉽게 처리할 수 있도록 지원합니다.

다국어 통화 표기 사용하기

다국어 통화 표기를 위해 자바스크립트 Intl.NumberFormat 객체를 사용하면 됩니다. Intl.NumberFormat 객체는 숫자를 지정된 지역 설정에 따라 형식화하는 역할을 합니다. 다음은 한국 통화를 표기하는 예제입니다.

const amount = 12345.67;
const currency = "KRW";

const formatter = new Intl.NumberFormat("ko-KR", {
  style: "currency",
  currency: currency,
});

const formattedAmount = formatter.format(amount);

console.log(formattedAmount);
// 출력: ₩12,345.67

위 예제에서 Intl.NumberFormat 생성자의 첫 번째 인자로 ko-KR을 전달하여 한국어 지원을 설정하고, 두 번째 인자로 통화 스타일 및 통화 코드를 설정합니다. format 메소드를 사용하여 숫자를 형식화하고, formattedAmount 변수에 결과를 저장합니다.

이제 formattedAmount 변수를 출력하면 한국 통화로 형식화된 금액이 표시됩니다.

다른 국가 통화 표기 사용하기

다른 국가의 통화를 표기하려면 Intl.NumberFormat 생성자의 첫 번째 인자로 해당 국가의 지역 설정을 전달하면 됩니다. 예를 들어 미국 통화를 표기하는 경우 다음과 같이 코드를 작성할 수 있습니다.

const amount = 12345.67;
const currency = "USD";

const formatter = new Intl.NumberFormat("en-US", {
  style: "currency",
  currency: currency,
});

const formattedAmount = formatter.format(amount);

console.log(formattedAmount);
// 출력: $12,345.67

위 예제에서는 en-US를 첫 번째 인자로 전달하여 미국 지역 설정을 지정하고, USD를 통화 코드로 설정합니다. 이후의 코드는 이전 예제와 동일합니다.

요약

이번 글에서는 자바스크립트 Intl API를 사용하여 다국어 통화 표기를 하는 방법에 대해 알아보았습니다. Intl API를 활용하면 다양한 국가의 통화를 쉽게 표기할 수 있으며, 앞으로의 웹 개발에서 다국어 지원이 더욱 중요해질 것으로 예상됩니다.

자세한 내용은 MDN Intl API 문서를 참고하시기 바랍니다.

#javascript #IntlAPI