30. Date

표준 빌트인 객체인 Date는 날짜와 시간을 위한 메서드를 제공하는

빌트인 객체이면서 생성자 함수임

 

UTC (협정 세계시)

국제 표준시를 의미함

GMT (그리니치 평균시)로 불리기도 함

기술적인 표기에서는 UTC가 사용됨

 

KST (한국 표준시)

UTC에 9시간을 더한 시간

---

Date 생성자 함수

1. new Date()

Date 생성자 함수를 인수 없이 new 연산자와 함께 호출 시
현재 날짜와 시간을 가지는 Date 객체를 반환함

Date 객체는 내부적으로 날짜와 시간을 나타내는 정수값을 갖지만
콘솔에 출력하면 날짜와 시간 정보를 출력함

new Date(); // Mon Jul 06 2020 01:03:18 GMT+0900 (대한민국 표준시)

 

2. new Date(milliseconds)

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

 

3. new Date(dateString)

Date 생성자 함수에 날짜와 시간을 나타내는 문자열을 인수로 전달하면
지정된 날짜와 시간을 나타내는 Date 객체를 반환함
인수로 전달한 문자열은 Date.parse 메서드에 의해 해석 가능한 형식이어야 함

new Date('May 26, 2020 10:00:00');
// Tue May 26 2020 10:00:00 GMT+0900 (대한민국 표준시)

new Date('2020/03/26/10:00:00');
// Thu Mar 26 2020 10:00:00 GMT+0900 (대한민국 표준시)

 

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

Date 생성자 함수에 연, 월, 일, 시, 분, 초, 밀리초를 의미하는 숫자를 인수로 전달하면
지정된 날짜와 시간을 나타내는 Date 객체를 반환함
연, 월은 반드시 지정해야 하며 지정하지 않은 옵션 정보는 0 또는 1로 초기화됨

---

Date 메서드

1. Date.now

1970년 1월 1일 00:00:00(UTC)을 기점으로
현재 시간까지 경과한 밀리초를 숫자로 반환함

const now = Date.now(); // 1593971539112
new Date(now); // Mon Jul 06 2020 02:52:19 GMT+0900 (대한민국 표준시)

 

2. Date.parse

1970년 1월 1일 00:00:00(UTC)을 기점으로
인수로 전달된 지정 시간까지의 밀리초를 숫자로 반환함

// UTC
Date.parse('Jan 2, 1970 00:00:00 UTC'); // 86400000

// KST
Date.parse('1970/01/02/09:00:00'); // 86400000

 

3. Date.UTC

1970년 1월 1일 00:00:00(UTC)을 기점으로
인수로 전달된 지정 시간까지의 밀리초를 숫자로 반환함

new Date(year, month[, day, hour ...]) 형식의 인수를 사용해야 함

인수는 KST가 아닌 UTC로 인식됨

Date.UTC(1970, 0, 2); // 86400000

 

4. Date.prototype.getFullYear

Date 객체의 연도를 나타내는 정수를 반환함

 

5. Date.prototype.setFullYear

Date 객체에 연도를 나타내는 정수를 설정함
옵션으로 월, 일도 설정 가능

 

6. Date.prototype.getMonth

Date 객체의 월을 나타내는 0~11의 정수를 반환함
1월은 0, 12월은 11임

 

7. Date.prototype.setMonth

Date 객체에 월을 나타내는 0~11의 정수를 설정함
옵션으로 일도 설정 가능

 

8. Date.prototoype.getDate

Date 객체의 날짜(1~31)를 나타내는 정수를 반환함

 

9. Date.prototype.setDate

Date 객체에 날짜(1~31)를 나타내는 정수를 설정함

 

10. Date.prototype.getDay

Date 객체의 요일(0~6)을 나타내는 정수를 반환함
0은 일요일, 6은 토요일을 의미함

 

11. Date.prototype.getHours

Date 객체의 시간(0~23)을 나타내는 정수를 반환함

 

12. Date.prototype.setHours

Date 객체에 시간(0~23)을 나타내는 정수를 설정함
옵션으로 분, 초, 밀리초도 설정 가능

 

13. Date.protoyype.getMinutes

Date 객체의 분(0~59)을 나타내는 정수를 반환함

 

14. Date.prototype.setMinutes

Date 객체에 분(0~59)을 나타내는 정수를 설정함
옵션으로 초, 밀리초도 설정 가능

 

15. Date.prototype.getSeconds

Date 객체의 초(0~59)를 나타내는 정수를 반환함

 

16. Date.prototype.setSeconds

Date 객체에 초(0~59)를 나타내는 정수를 설정함
옵션으로 밀리초도 설정 가능

 

17. Date.prototype.getMilliseconds

Date 객체의 밀리초(0~999)를 나타내는 정수를 반환함

 

18. Date.prototoype.setMilliseconds

Date 객체에 밀리초(0~999)를 나타내는 정수를 설정함

 

19. Date.prototoype.getTime

1970년 1월 1일 00:00:00(UTC)를 기점으로
Date 객체의 시간까지 경과된 밀리초를 반환함

 

20. Date.prototype.setTime

Date 객체에 1970년 1월 1일 00:00:00(UTC)를 기점으로
경과된 밀리초를 설정함

 

21. Date.prototype.getTimezoneOffset

UTC와 Date 객체에 지정된 Locale 시간과의 차이를 분 단위로 반환함
UTC === KST - 9시간

 

22. Date.prototype.toDateString

사람이 읽을 수 있는 형식의 문자열로 Date 객체의 날짜를 반환함

 

23. Date.prototype.toTimeString

사람이 읽을 수 있는 형식으로 Date 객체의 시간을 표현한 문자열을 반환함

 

24. Date.prototype.toISOString

ISO 8601 형식으로 Date 객체의 날짜와 시간을 표현한 문자열을 반환함

 

25. Date.prototype.toLocaleString

인수를 전달한 Locale을 기준으로 Date 객체의 날짜와 시간을 표현한 문자열을 반환함
인수 생략 시 브라우저가 동작 중인 시스템의 Locale을 적용함

 

26. Date.prototype.toLocaleTimeString

인수로 전달한 Locale을 기준으로 Date 객체의 시간을 표현한 문자열을 반환함
인수 생략 시 브라우저가 동작 중인 시스템의 Locale을 적용함