디지털 시대에서 다국어 지원은 매우 중요한 요소입니다. 웹 애플리케이션에서 시간대 정보를 다국어로 표시해야 할 경우도 있습니다. 자바스크립트의 Intl API를 사용하면 간단하게 다국어로 표시된 시간대 정보를 가져올 수 있습니다.

Intl API란?

Intl API는 자바스크립트에서 다국어 지원을 위해 제공되는 API입니다. 이 API를 사용하면 숫자, 날짜, 시간, 통화, 시간대 등과 같은 정보를 다양한 언어로 자동으로 형식화할 수 있습니다.

Intl.DateTimeFormat을 사용하여 다국어 시간대 정보 가져오기

Intl.DateTimeFormat은 Intl API의 일부로, 사용자 설정에 따라 다국어로 형식화된 날짜와 시간을 생성할 수 있는 기능을 제공합니다. 아래의 예제 코드를 통해 다국어로 표시된 시간대 정보를 가져오는 방법을 알아보겠습니다.

const date = new Date();
const options = { timeZoneName: 'long' };

const formatter = new Intl.DateTimeFormat('ko-KR', options);
const formattedDate = formatter.format(date);

console.log(formattedDate);

위의 코드에서는 ko-KR로 설정하여 한국 시간대 정보를 가져옵니다. options 객체의 timeZoneName 속성을 'long'으로 설정하면 시간대의 긴 이름이 포함된 형식으로 표시됩니다.

출력 결과는 다음과 같을 것입니다.

2022년 7월 25일 월요일 GMT+09:00

다른 언어로 시간대 정보 가져오기

다국어로 시간대 정보를 가져오려면 Intl.DateTimeFormat 생성자의 첫 번째 매개변수로 해당 언어의 언어 코드를 전달하면 됩니다. 예를 들어, 영어로 시간대 정보를 가져오려면 en-US와 같이 전달하면 됩니다.

const date = new Date();
const options = { timeZoneName: 'long' };

const formatter = new Intl.DateTimeFormat('en-US', options);
const formattedDate = formatter.format(date);

console.log(formattedDate);

위의 코드에서는 en-US로 설정하여 미국 시간대 정보를 가져옵니다.

결론

자바스크립트의 Intl API는 다국어 지원을 위해 매우 유용합니다. Intl.DateTimeFormat을 사용하여 다국어로 표시된 시간대 정보를 가져올 수 있습니다. 이를 통해 웹 애플리케이션에서 다국어 사용자에게 편리한 환경을 제공할 수 있습니다.

#javascript #IntlAPI