Fundamentals/JavaScript

toLocaleDateString()

sod0l 2024. 11. 5. 09:57

1. 기본 사용법

toLocaleDateString()는 자바스크립트에서 날짜를 사용자가 설정한 언어와 지역에 맞춰서 사람이 읽기 쉬운 형식으로 변환해주는 함수이다. 간단히 말해, 날짜를 각 나라별로 익숙하게 볼 수 있는 형태로 보여주는 데 유용하다. toLocaleDateString()는 Date 객체에서 사용할 수 있다. 예를 들어, 현재 날짜를 한국 형식으로 출력하려면 다음과 같이 할 수 있다.

const today = new Date();
console.log(today.toLocaleDateString());

위 코드를 실행하면 보통 한국에서는 YYYY.MM.DD 형식으로 날짜가 출력된다. 예를 들어, 2023.10.25 와 같은 형태가 될 것이다. (한국 지역이 기본 설정된 브라우저에서 실행시)

2. 언어 및 지역 설정

다른 언어나 국가의 날짜 형식을 보고 싶다면, toLocaleDateString() 에 언어 코드를 직접 전달할 수 있다.

console.log(today.toLocaleDateString("en-US")); // 미국 형식 (MM/DD/YYYY)
console.log(today.toLocaleDateString("ja-JP")); // 일본 형식 (YYYY/MM/DD)

위 예시처럼 “en-US” 는 미국 영어 형식, “ja-JP” 는 일본 형식이다. 언어 코드에 따라 날짜 표현 방식이 바뀐다.

3. 형식을 세부적으로 설정하기

toLocaleDateSting() 의 두 번째 매개변수에 옵션 객체를 넣으면 더 구체적으로 날짜 표시 방식을 설정할 수 있다.

예를 들어:

const options = { year: 'numeric', month: 'long', day: 'numeric' };
console.log(today.toLocaleDateString("ko-KR", options)); // "2023년 10월 25일"

위에서 사용한 옵션들:

  • year: 'numeric': 2023처럼 연도를 네 자릿수로 표시
  • month: 'long': 월을 “10월”처럼 글자로 길게 표시
  • day: 'numeric': 일을 숫자로 표시

4. 요약

toLocaleDateString()는 날짜를 각 나라별 또는 형식에 맞게 쉽게 변환할 수 있어, 국제적인 웹사이트나 애플리케이션 개발 시 유용하다.