[JS] Date 생성자와 날짜 포맷팅

JavaScript에서 Date 객체를 더 쉽게 다룰 수 있는 Intl.DateTimeFormat 객체에 대한 자세한 정보는 [여기↗️]에서 확인할 수 있다.

1. Date 생성자

1.1 Date 생성자 개요

• new Date() 생성자를 호출하여 현재 날짜와 시간을 가진 Data 객체를 사용할 수 있다.
• Date 에 대한 공식 문서는 [여기↗️] 를 확인하자

1.2 메서드

Date 날짜 메서드	설명
.getDate()	날짜의 일을 반환
.getMonth()	날짜의 월을 반환 (0부터 시작)
.getFullYear()	날짜의 연도를 반환

Date 시간 메서드	설명
.getHours()	시간을 반환
.getMinutes()	분을 반환
.getSeconds()	초를 반환

1.3 예시

// 현재 시간을 나타내는 Date 객체 생성
const currentDate = new Date();
console.log("현재 날짜:", currentDate); // "현재 날짜: Fri Jul 12 2024 15:12:38 GMT+0900 (한국 표준시)"
console.log("일:", currentDate.getDate()); // "일: 12"
console.log("월:", currentDate.getMonth() + 1); // "월: 7 (0부터 시작하므로 +1 필요)"
console.log("연도:", currentDate.getFullYear()); // "연도: 2024"
console.log("시:", currentDate.getHours()); // "시: 15"
console.log("분:", currentDate.getMinutes()); // "분: 12"
console.log("초:", currentDate.getSeconds()); // "초: 38"

2. 날짜 포맷팅

2.1 날짜 포맷팅 개요

• .toLocaleDateString, .toLocaleTimeString(), .toLocaleString() 메서드를 사용하여 날짜와 시간을 포맷팅할 수 있다.

2.2 문법

dateObject.toLocaleDateString([locales[, options]])

• locales: 선택적 매개변수로, 문자열이나 문자열 배열을 사용하여 언어 및 지역 설정을 지정(한국: ko-KR)
• options : 선택적 매개변수로, 날짜 포맷을 사용자 정의하는 데 사용하는 객체

2.3 옵션

옵션	설명	가능한 값
year	연도의 표현 방식	"numeric", "2-digit"
month	월의 표현 방식	"numeric", "2-digit", "long", "short", "narrow"
day	일의 표현 방식	"numeric", "2-digit"
weekday	요일의 표현 방식	"long", "short", "narrow"

2.4 예시

// 특정 날짜를 나타내는 Date 객체 생성
const specificDate = new Date("2024-07-12");
const formattedDate = specificDate.toLocaleDateString("ko-KR", {
  year: "2-digit",
  month: "long",
  day: "numeric",
});
console.log(formattedDate); // "24년 7월 12일"

• toLocaleDateString
  • to(~로 만든다), + Locale(지역) + Date(날짜) + String(문자열)
  • => 접속 지역의 날짜 값을 가진 문자열로 만든다.