자신의 웹 애플리케이션에서 다국어 지원을 위해 날짜와 시간을 표시해야 한다면, 자바스크립트 Intl API를 활용할 수 있습니다. 이 API는 날짜와 시간을 사용자의 로케일에 맞게 형식화하고 지역화된 캘린더를 사용할 수 있도록 해주는 강력한 도구입니다.

자바스크립트 Intl API를 사용하여 지역화된 다국어 캘린더를 처리하는 방법을 알아보겠습니다.

1. Intl.DateTimeFormat 사용하기

Intl.DateTimeFormat 객체를 사용하면 원하는 지역화된 형식의 날짜와 시간을 생성할 수 있습니다. 아래는 한국 로케일에 맞게 날짜와 시간을 표시하는 예시입니다.

const date = new Date();
const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
const formatter = new Intl.DateTimeFormat('ko-KR', options);

console.log(formatter.format(date)); // "금요일, 2021년 1월 1일"

위 예시에서는 Intl.DateTimeFormat 객체를 생성할 때 ‘ko-KR’을 로케일로 설정하였습니다. 이 설정에 따라 날짜와 시간이 한국어 형식으로 표시됩니다.

2. Intl.DisplayNames 사용하기

Intl.DisplayNames 객체를 사용하여 로케일별로 다국어 캘린더를 표시할 수 있습니다. 아래는 로케일에 따라 다른 캘린더를 표시하는 예시입니다.

const locales = ["en-US", "zh-CN", "ja-JP", "ko-KR"];
const options = { type: 'calendar' };
const displayNames = new Intl.DisplayNames(locales, options);

locales.forEach(locale => {
  console.log(`Locale: ${locale}, Calendar: ${displayNames.of(locale)}`);
});

위 예시에서는 ‘en-US’, ‘zh-CN’, ‘ja-JP’, ‘ko-KR’의 로케일에 대해 다국어 캘린더를 표시합니다. 옵션으로 ‘calendar’을 설정하여 캘린더 유형을 표시하도록 합니다.

3. Intl API의 다른 기능 활용하기

Intl API는 지역화된 숫자와 통화, 소수점 등 다른 다국어 기능들을 지원합니다. 자세한 내용은 Mozilla Developer Network에서 확인할 수 있습니다.

이렇게 자바스크립트 Intl API를 사용하여 지역화된 다국어 캘린더를 처리할 수 있습니다. 이를 통해 사용자의 로케일에 맞춘 편리한 날짜와 시간 표시를 제공할 수 있습니다.

#Javascript #IntlAPI