[Javascript] Date로 시간과 날짜를 가져오자!

1. Date 객체 생성하는 방법

Date는 날짜와 시간을 위한 메서드를 제공하는 빌트인 객체이면서 생성자 함수이다.

흔히 아래와 같은 방식으로 호출하며, 4가지 방법으로 가능하다.

1. 1. new Date(  )

new Date();
// -> Sun Jan 16 2022 23:51:13 GMT+0900 (한국 표준시)
// 내부적으로는 날짜와 시간을 나타내는 정수값을 갖지만, 콘솔에 출력하면 기본적으로 날짜. 시간 정보 출력


Date();
// -> "Sun Jan 16 2022 23:51:13 GMT+0900 (한국 표준시)"
// 날짜와 시간 정보를 나타내는 문자열을 반환

Date 앞의 new는 Javascript에서 객체를 생성하는 방법 중에 하나이다.

간단히 설명하면 기존에 있던 자동차 모델(객체)을 복사해오는데, 바퀴 개수, 핸들 개수 등 그 자동차의 특징(객체의 속성)이 같은 모델 여러 개를 간편하게 복사해올 수 있는 것이다.

 

new를 붙이지 않으면 날짜와 시간 정보를 나타내는 문자열을 반환한다.

 

1. 2. new Date(milliseconds)

new Date(86400000);
// -> Fri Jan 02 1970 09:00:00 GMT+0900 (한국 표준시)

숫자 타입의 밀리초를 인수로 전달하면, 1970년 1월 1일 00:00:00을 기점으로 전달된 밀리초만큼 경과한 날짜와 시간을 나타내는 Date 객체를 반환한다.

참고로 시간 단위별 밀리초 환산은 아래와 같다.
1s = 1,000ms
1m = 60s * 1,000ms = 60,000ms
1h = 60m * 60,000ms = 3,600,000ms

1d = 24h * 3,600,000ms = 86,400,400ms 

 

1. 3. new Date(dataString)

 
new Date("Jan 17, 2022 00:19:51");
// -> Mon Jan 17 2022 00:19:51 GMT+0900 (한국 표준시)

new Date("2022/01/17/00:19:51");
// -> Mon Jan 17 2022 00:19:51 GMT+0900 (한국 표준시)

날짜와 시간을 나타내는 문자열을 인수로 전달하면, 전달된 날짜/시간을 나타내는 객체를 반환한다.

이때 인수로 전달된 날짜와 시간 문자열은 Date.parse에서 해석가능한 형식이여야 한다.

 

1. 4. new Date(year, month[, day, hour, minute, second, millisec])

new Date(2022, 1);
// -> Tue Feb 01 2022 00:00:00 GMT+0900 (한국 표준시)


new Date(2022, 0, 17, 00, 27, 00, 0);
// -> Mon Jan 17 2022 00:27:00 GMT+0900 (한국 표준시)

연, 월(필수)을 의미하는 숫자를 전달하면 해당일의 Date 객체를 반환한다.

일, 시, 분, 초, 밀리초는 선택이나 지정하지 않는 경우, 0 또는 1로 반환된다.

 

참고로 월은 0 ~ 11까지로 0이 1월이다.