자바스크립트 Intl API를 사용하여 지역화된 시간대 정보 활용하기

10 Nov 2023

javascript

자바스크립트의 Intl API는 지역화된 시간대 정보를 다룰 수 있는 강력한 도구입니다. 이 API를 사용하면 웹 애플리케이션에서 사용자의 지역에 맞는 시간대를 쉽게 표시하고 처리할 수 있습니다.

Intl.DateTimeFormat을 사용하여 날짜와 시간 표시하기

Intl.DateTimeFormat은 지역화된 날짜와 시간을 표시하는데 사용됩니다. 아래의 예제를 통해 이용 방법을 알아보겠습니다.

const date = new Date();
const options = { timeZone: 'America/New_York' };
const formattedDate = new Intl.DateTimeFormat('en-US', options).format(date);
console.log(formattedDate);

이 코드에서는 현재 날짜를 미국 동부 표준시 (America/New_York) 기준으로 포맷팅하여 출력하는 예제입니다. 현재 시스템의 기본 시간대를 사용하려면 undefined를 지정하면 됩니다.

Intl.DateTimeFormat에 다양한 옵션 사용하기

Intl.DateTimeFormat에는 다양한 옵션을 사용하여 원하는 형식으로 날짜와 시간을 표시할 수 있습니다. 몇 가지 일반적인 옵션을 살펴보겠습니다.

dateStyle: 날짜 형식 지정 (full, long, medium, short 중 하나를 선택)
timeStyle: 시간 형식 지정 (full, long, medium, short 중 하나를 선택)
weekday: 요일 표시 여부 (기본값은 true)
year: 연도 표시 여부 (기본값은 numeric)
month: 월 표시 여부 (기본값은 numeric)
day: 일 표시 여부 (기본값은 numeric)
hour: 시 표시 여부 (기본값은 numeric)
minute: 분 표시 여부 (기본값은 numeric)
second: 초 표시 여부 (기본값은 numeric)

다음은 예제 코드입니다.

const date = new Date();
const options = {
  timeZone: 'America/New_York',
  weekday: 'long',
  year: 'numeric',
  month: 'long',
  day: 'numeric',
  hour: 'numeric',
  minute: 'numeric',
  second: 'numeric'
};
const formattedDate = new Intl.DateTimeFormat('en-US', options).format(date);
console.log(formattedDate);

이 코드의 출력 결과는 “Tuesday, October 19, 2021, 3:15:35 PM”와 같습니다.

결론

자바스크립트의 Intl API를 사용하면 웹 애플리케이션에서 사용자의 지역화된 시간대 정보를 쉽게 처리할 수 있습니다. Intl.DateTimeFormat을 사용하여 날짜와 시간을 표시하고 다양한 옵션을 활용하여 원하는 형식으로 지역화된 시간을 제공할 수 있습니다.

#javascript #internationalization