자바스크립트에는 날짜와 시간을 형식화하는 데 사용할 수 있는 Intl.DateTimeFormat이라는 내장 객체가 있습니다. 이를 통해 사용자의 지역 설정에 맞게 날짜를 표시할 수 있습니다.

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);
const formattedDate = formatter.format(date);

console.log(formattedDate);

위의 코드에서는 현재 날짜를 기반으로 Intl.DateTimeFormat을 생성합니다. options 객체에는 출력할 형식을 지정할 수 있습니다. 위의 예시에서는 요일, 연도, 월, 일을 출력합니다.

new Intl.DateTimeFormat('ko-KR', options)에서 첫 번째 매개변수는 지역 설정을 나타내는 문자열입니다. 위의 코드에서는 한국(ko-KR)에 맞는 형식으로 날짜를 출력합니다. 만약 다른 지역에 맞는 형식으로 출력하고 싶다면 해당 지역의 코드를 사용하면 됩니다.

다른 형식 설정하기

Intl.DateTimeFormat의 options 객체에는 여러 가지 속성을 설정할 수 있습니다. 몇 가지 예시를 살펴보겠습니다.

시간 형식 설정하기

const options = {
  hour: 'numeric',
  minute: 'numeric',
  second: 'numeric',
  hour12: false
};

위의 코드에서는 시간을 24시간 형식으로 출력하도록 설정했습니다. hour12 속성을 false로 설정하면 24시간 형식으로 출력됩니다.

월의 짧은 형식 사용하기

const options = {
  month: 'short'
};

위의 코드에서는 월을 짧은 형식으로 출력하도록 설정했습니다. month 속성을 short로 설정하면 월의 약어를 사용하여 출력됩니다.

마무리

위에서는 자바스크립트의 Intl.DateTimeFormat을 사용하여 지역화된 날짜 형식을 출력하는 방법을 알아보았습니다. 이를 통해 사용자의 지역 설정을 존중하고, 웹 애플리케이션에서 정확하고 읽기 쉬운 날짜를 제공할 수 있습니다.

자세한 내용은 MDN web docs를 참조해주세요.

#javascript #지역화