현대의 글로벌 시대에서 다국어 지원은 매우 중요한 요소입니다. 특히, 환율 변환은 국제 거래 및 여행과 관련된 다양한 상황에서 필수적입니다. 자바스크립트에서는 다국어 환율 변환을 쉽게 처리하기 위해 Intl API를 제공합니다. 이 글에서는 자바스크립트 Intl API를 활용하여 다국어 환율 변환을 어떻게 할 수 있는지 알아보겠습니다.

1. NumberFormat 객체 생성하기

Intl.NumberFormat 객체를 사용하여 환율을 포함한 숫자를 원하는 다국어 형식으로 서식화할 수 있습니다. 다음은 일본 엔화로 표시된 환율을 한국 원화로 변환하는 예제 코드입니다.

const exchangeRate = 10.1234; // 일본 엔화 환율 (10.1234 엔에 1원화)

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

const convertedCurrency = formatter.format(exchangeRate);
console.log(convertedCurrency); // ₩10.12

위의 코드에서는 Intl.NumberFormat 객체를 ko-KR 언어 태그와 KRW 통화 코드로 생성하였습니다. format 메서드를 사용하여 exchangeRate 값을 해당 형식으로 변환하고, 변환된 값을 출력하였습니다.

2. DateTimeFormat 객체 생성하기

다국어 지원을 위해 날짜와 시간 형식도 중요합니다. Intl.DateTimeFormat 객체를 사용하여 특정 언어와 국가에 맞는 날짜와 시간 형식으로 변환할 수 있습니다. 다음은 미국 서부 표준시로 표시된 시간을 한국 표준시로 변환하는 예제 코드입니다.

const date = new Date(); // 현재 시간

const formatter = new Intl.DateTimeFormat('ko-KR', {
  timeZone: 'Asia/Seoul',
  hour: 'numeric',
  minute: 'numeric',
  second: 'numeric'
});

const formattedDate = formatter.format(date);
console.log(formattedDate); // 10:30:45 AM

위의 코드에서는 Intl.DateTimeFormat 객체를 ko-KR 언어 태그와 Asia/Seoul 타임존으로 생성하였습니다. hour, minute, second 등의 옵션을 사용하여 원하는 형식으로 날짜와 시간을 변환하고, 변환된 값을 출력하였습니다.

3. 언어 및 통화 정보 가져오기

자바스크립트 Intl.NumberFormat과 Intl.DateTimeFormat은 지원하는 언어 및 통화에 대한 정보를 제공하기도 합니다. 다음은 현재 실행 환경에서 지원되는 언어와 통화를 가져오는 예제 코드입니다.

const languages = Intl.NumberFormat.supportedLocalesOf();
console.log(languages); // ['en-US', 'ko-KR', 'ja-JP']

const currencies = Intl.NumberFormat.supportedCurrencies();
console.log(currencies); // ['USD', 'KRW', 'JPY']

위의 코드에서는 supportedLocalesOf 메서드를 사용하여 현재 환경에서 지원되는 언어 태그 리스트를 가져오고, supportedCurrencies 메서드를 사용하여 지원되는 통화 코드 리스트를 가져왔습니다.

결론

자바스크립트 Intl API를 활용하면 다국어 환율 변환을 간편하게 처리할 수 있습니다. NumberFormat 객체로 숫자를 지원하는 언어와 통화 형식으로 변환하고, DateTimeFormat 객체로 날짜와 시간을 지역화된 형식으로 변환할 수 있습니다. 또한 supportedLocalesOf와 supportedCurrencies 메서드를 사용하여 지원되는 언어와 통화 정보를 가져올 수 있습니다.

자세한 내용은 MDN web docs를 참조하시기 바랍니다.

#intl #다국어 #환율