자바스크립트 Intl.DateTimeFormat을 사용하여 지역화된 달력 표시하기

Intl.DateTimeFormat을 사용하여 지역화된 달력을 표시하는 방법은 다음과 같습니다.

let date = new Date();

let options = {
  weekday: "long",
  year: "numeric",
  month: "long",
  day: "numeric",
  hour: "numeric",
  minute: "numeric",
  second: "numeric",
  timeZoneName: "short"
};

let locale = navigator.language;

let formatter = new Intl.DateTimeFormat(locale, options);

console.log(formatter.format(date));

위의 코드에서는 navigator.language를 사용하여 사용자의 지역 정보를 가져옵니다. 이를 Intl.DateTimeFormat 생성자의 첫 번째 매개변수로 전달하여 해당 지역에 맞는 텍스트 포맷을 가져올 수 있습니다.

두 번째 매개변수인 options 객체는 표시할 달력의 형식을 지정합니다. 위의 예제에서는 요일, 연도, 월, 일, 시간, 분, 초 등을 모두 표시하고 있습니다. weekday, year, month, day, hour, minute, second 등의 속성을 사용하여 표시할 달력 요소를 선택할 수 있습니다.

formatter.format(date)를 호출하여 현재 날짜와 시간을 지정된 형식으로 표시할 수 있습니다.

이제 위의 코드를 웹 페이지에 추가하고 지역화된 달력을 표시해 보세요. 사용자의 컴퓨터 설정에 따라 다른 형식으로 달력이 표시될 것입니다.

지역화된 달력을 표시하는 방법은 다양한 프로그래밍 언어에서 지원되며, 자바스크립트의 Intl.DateTimeFormat은 이를 쉽게 구현할 수 있는 강력한 도구입니다.

반드시 try-catch 블록으로 에러 처리를 해주어야 합니다.