자바스크립트 Intl.DateTimeFormat을 사용하여 지역화된 시간 표시하기
오늘의 글에서는 자바스크립트의 Intl.DateTimeFormat 객체를 사용하여 지역화된 시간을 표시하는 방법에 대해 알아보겠습니다.
자바스크립트에서 시간을 표시할 때, 사용자의 지역 설정에 따라 형식을 다르게 표현해야 하는 경우가 있습니다. 예를 들어, 미국의 경우 “MM/DD/YYYY” 형식으로 날짜를 표시하지만, 독일의 경우 “DD.MM.YYYY” 형식으로 표시합니다. 이런 경우에 Intl.DateTimeFormat 객체를 사용하면 간단하게 지역화된 시간을 표현할 수 있습니다.
먼저, Intl.DateTimeFormat 객체를 생성하고 어떤 지역의 형식을 사용할지 설정합니다. 예를 들어, 미국 지역의 경우 다음과 같이 설정할 수 있습니다.
const dateFormatter = new Intl.DateTimeFormat('en-US');
이제 dateFormatter 객체를 사용하여 특정 날짜를 표시하면, 해당 지역의 형식에 맞게 표시됩니다. 예를 들어,
const date = new Date();
const formattedDate = dateFormatter.format(date);
console.log(formattedDate); // "6/24/2021" (미국 지역 기준)
위의 코드는 현재 날짜를 미국 지역의 형식에 맞게 표시하는 예시입니다. 만약 다른 지역의 형식을 사용하고 싶다면, Intl.DateTimeFormat 생성자의 첫 번째 인자를 해당 지역의 코드로 변경하면 됩니다. 예를 들어, 독일 지역의 형식을 사용하고 싶다면 다음과 같이 설정할 수 있습니다.
const dateFormatter = new Intl.DateTimeFormat('de-DE');
de-DE는 독일 지역의 코드입니다.
Intl.DateTimeFormat 객체를 사용하여 지역화된 시간을 표시하는 것은 간단하면서도 유용한 기능입니다. 사용자에게 다국어 지원을 제공하는 웹 애플리케이션 또는 웹사이트를 개발할 때 유용하게 활용할 수 있습니다.