이번 글에서는 자바스크립트에서 다국어 통화를 표시하는 방법에 대해 알아보겠습니다. 자바스크립트의 Intl API를 사용하여 통화 단위를 다국어로 표시하는 방법을 실습을 통해 자세히 설명하겠습니다.

1. Intl API란?

Intl API(Internationalization API)는 자바스크립트에서 국제화(i18n)와 지역화(l10n)를 지원하기 위해 제공되는 기능입니다. 이 API를 사용하면 다국어를 처리하고 날짜, 숫자, 통화 등을 각 국가별로 형식화할 수 있습니다.

2. 통화 표시하기

Intl.NumberFormat 객체를 사용하여 다국어로 통화를 표시할 수 있습니다. 이 객체를 사용하면 원하는 국가의 통화 단위로 변환할 수 있습니다.

아래는 Intl.NumberFormat 객체를 사용하여 통화를 표시하는 예제 코드입니다.

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

console.log(currencyFormatter.format(number));
// 출력 결과: ₩123,456,789

위 코드에서 각 부분을 설명하자면:

• ko-KR: 통화를 표시할 국가와 언어를 지정합니다. 여기서는 한국어와 대한민국을 나타내는 국가 코드를 사용했습니다.
• style: 'currency': 통화 스타일을 설정합니다.
• currency: 'KRW': 표시할 통화 단위를 설정합니다. 여기서는 대한민국 원(KRW)을 사용했습니다.

위 코드에서 다른 언어나 국가의 통화로 표시하려면 ko-KR과 KRW를 원하는 값으로 변경하면 됩니다.

3. 다른 국가의 통화 표시하기

다른 국가의 통화로 표시하려면 Intl.NumberFormat 객체의 첫 번째 인자에 원하는 국가의 코드를 지정하면 됩니다. 예를 들어 미국 달러(USD)로 표시하려면 en-US를 사용하면 됩니다.

아래는 미국 달러로 통화를 표시하는 예제 코드입니다.

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

console.log(currencyFormatter.format(number));
// 출력 결과: $123,456,789

위 코드에서 en-US는 영어(미국)과 미국을 나타내는 국가 코드입니다. 표시할 통화 단위로 USD(미국 달러)를 사용하도록 설정하였습니다.

4. 결론

이번 글에서는 자바스크립트의 Intl API를 활용하여 다국어 통화를 표시하는 방법에 대해 알아보았습니다. Intl.NumberFormat 객체를 사용하여 쉽게 통화를 다국어로 표시할 수 있습니다. 이를 통해 국제화와 지역화에 맞춘 웹 애플리케이션을 개발할 수 있습니다.

통화 표시에 대한 자세한 내용은 MDN web docs! 문서를 참고하시기 바랍니다.

자바스크립트에서 국제화와 지역화를 다루는 다양한 기능을 제공하는 Intl API를 활용하여 다국어 통화 표시를 구현해보세요!💡