[JavaScript] 날짜와 시간

날짜와 시간

• Frontend 개발할 때, 날짜와 시간을 다루는 경우가 많다.(회원가입한 날짜와 시간, 글을 작성한 시간, 휴대폰의 현재 시간 등...)
• 날짜와 시간을 저장하고 보여줄 때 날짜 객체를 사용한다.
• 날짜 객체를 생성할 때는 다음과 같은 new 연산자 다음에 Date 생성자를 쓴다.

let rightNow = new Date();
console.log(rightNow);

• 위의 코드를 실행하면 아래의 결과가 나온다.

2019-02-18T00:45:06.562Z // 이런 결과가 나온다.

• 브라우저마다 표현법이 조금씩 다르다.
• 일반적으로 아래와 같이 년, 월, 일, 시, 분, 초 까지 알 수 있다.
  
• GMT란 Greenwich Mean Time의 줄임말이며 컴퓨터 언어에서는 GMT기준으로 시간을 알려준다.
• GMT+0900 (한국 표준시)
• 이렇게 'new Date()'를 통해 현재 시간을 가져온 후, 디자이너가 요구하는 날짜 포맷으로 웹사이트에 보여줘야 한다.
• Date 객체로 현재 시간을 가져온 후, Date 객체가 갖고 있는 함수로 각 날짜, 시간의 값을 가져올 수 있다.

let rightNow = new Date();
let year = rightNow.getFullYear();
let month = rightNow.getMonth()+1;
let date = rightNow.getDate();
let day = rightNow.getDay();
let currentHour = rightNow.getHours();
let currentMin = rightNow.getMinutes();

• 처음에 말했듯이 new Date()가 반환된 rightNow를 그대로 사용하지 않는다.
• Date 타입이 갖고 있는 메서드를 활용하여 값을 받아온다.

2.getTime

let rightNow = new Date();
let time = rightNow.getTime();

console.log(time);
1590682195542 // 결과 값

• getTime 매서드는 조금 특별하다.
• getTime 매서드로 날짜의 밀리초 표현을 반환할 수 있다.
• 기준이 되는 일자는 1970년 1월 1일이다.
• 1970년 1월 1일부터 1590682195542 밀리초가 지났다는 의미이다.
• getTime함수로 반환된 숫자로 비교연산을 통해 언제가 더 과거인지 판단할 수 있다.

3.특정 날짜의 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);