TIL) 날짜와 시간 (Date)

프론트엔드와 날짜, 시간은 뗄레야 뗄 수 없는 관계....

• 회원가입을 한 날짜와 시간,
• 글을 작성한 시간
• 휴대폰의 현재 시간 등...

날짜와 시간을 다루는 경우가 굉장히 많다!

---

Date 객체

이렇게 날짜와 시간을 저장하고 보여줄 때는 날짜 객체를 사용한다!

let rightNow = new Date(); // Date 객체
console.log(rightNow); // 2020-05-28T08:35:16.063Z

Date 객체로 현재 시간을 가져온 후,

Date 객체가 갖고 있는 함수로 각 날짜, 시간의 값을 가져온다.

let rightNow = new Date(); // // Date 객체로 현재 시간을 가져옴
let year = rightNow.getFullYear(); // 2020
let month = rightNow.getMonth() + 1; // 5
let date = rightNow.getDate(); // 28
let day = rightNow.getDay(); // 4
let currentHour = rightNow.getHours(); // 17
let currentMin = rightNow.getMinutes(); // 40

(2020년 5월 28일 목요일 오후 5시 40분 기준)

1초, 2초 흐른다고 해서 rightNow 에 담긴 시간값이 변하는게 아니다.
위 예시에서 받은 시간은 console.log 로 호출한 순간의 현재 시간이 담기는 것이다.

getMonth 함수로 값을 받을 때, 현재 달보다 1 작은 값이 반환된다.
위의 예시에서는 getMonth 로 받은 값에 +1 을 해주었다!

getDay 함수는 주어진 날짜의 현지 시간 기준 요일을 반환한다.
0은 일요일을 나타내며, 위의 예시에서는 4 = 목요일을 의미한다.

getHours 함수는 주어진 날짜의 현지 시간 기준으로 0부터 23 사이의 정수 시간을 반환한다.

(위와 같이 년, 월, 일, 시, 분, 초 까지 알 수 있다.)

getTime()

지금의 시간을 밀리초로 표현해주는 getTime 메서드!

let time = rightNow.getTime();
console.log(time); // 1590655877153

기준이 되는 일자는 1970년 1월 1일이며,
1970년 1월 1일로부터 1590655877153 밀리초가 지났다는 의미!

특정 날짜의 Date

특정 날짜를 매개변수로 넘겨주면, 해당 날짜의 Date를 반환 받을 수 있다.

let date1 = new Date('December 17, 2019 03:24:00');
let date2 = new Date('2019-12-17T03:24:00');
let date3 = new Date(2019, 5, 1);

(참고로 console.log 로 출력해보면 이렇게 출력된다.)