TIL : Date()

hihyeon_cho·2023년 3월 29일
0

TIL

목록 보기
91/101
post-thumbnail

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

기술적인 표기에서는 UTC( 국제 표준시 )를 사용하는데, KST( 한국 표준시 )보다 9시간이 빠르다.

현재 날짜와 시간은 자바스크립트 코드가 실행된 시스템의 시계에 의해 결정된다.

Date 생성자함수

Date 생성자 함수로 생성한 Date 객체는 내부적으로 날짜와 시간을 나타내는 정수값을 갖는다.

이 값은 밀리초를 나타내며, 기본적으로 현재 날짜와 시간을 나타내는 정수값을 가진다.

( 1000ms 60s 60m * 24h = 86,400,000 (1일) )

현재 날짜와 시간이 아닌 다른 날짜와 시간을 다룰 경우 Date 생성자 함수에 해당 날짜와 시간을 인수로 지정한다.

new Date()

Date 생성자 함수를 인수 없이 new 연산자와 함께 호출하면 현재 날짜와 시간을 가진 Date 객체를 반환한다.

내부적으로는 정수값을 갖지만 콘솔에는 날짜와 시간정보를 출력한다.

new Date(milliseconds)

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

new Date(0); // Thu Jan 01 1970 09:00:00 GMT+0900
new Date(86400000); // Fri Jan 02 1970 09:00:00 GMT+0900

new Date(dateString)

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

이 때, 인수로 전달하는 문자열은 Date.parse 메서드에 의해 해석 가능한 형식이어야 한다.

new Date('Feb 24, 2019 10:00:00');
new Date('2019/02/24/10:00:00');

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

연,월,일, 시, 분, 초, 밀리초를 의미하는 숫자를 인수로 전달하면 지정된 날짜와 시간을 나타내는 Date 객체를 반환하는데, 연,월은 필수로 지정해야한다.
( 월은 0~11 사이의 정수로, 0이 1월, 11이 12월이므로 주의! )

지정하지 않은 옵션 정보는 0또는 1로 초기화 되며, 연과 월을 지정하지 않으면 1970년 1월 1일 00:00:00(UTC)를 나타내는 Date 객체를 반환한다.

new Date(2020,3) // 2020/4/1/00:00:00:00
new Date(2020,3,5,10,00,00,0)  // 2020/4/5/10:00:00:00 GMT+0900

Date 메서드

Date.now

1970/1/1 00:00:00(UTC) 기점 ~ 현재시간 까지의 밀리초

Date.parse

1970/1/1 00:00:00(UTC) 기점 ~ 인수로 전달된 지정시간 까지의 밀리초

인수로 전달된 지정시간 ⇒ new Date(dateString) 형식

Date.UTC

1970/1/1 00:00:00(UTC) 기점 ~ 인수로 전달된 지정시간 까지의 밀리초

인수로 전달된 지정시간 ⇒ new Date(year,month[,day,hour,minute,second, millisecond])

Date.prototype.getFullYear

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

Date.prototype.setFullYear

: Date 객체의 연도를 나타내는 정수를 설정

( 월,일도 설정 가능 )

Date.prototype.getMonth

: Date 객체의 월을 나타내는 정수를 반환

( 0~11 까지의 정수)

Date.prototype.setMonth

: Date 객체의 월을 나타내는 정수를 설정

( 일도 설정 가능 )

Date.prototype.getDate

: Date 객체의 일자를 나타내는 정수를 반환

( 1~31 까지의 정수)

Date.prototype.setDate

: Date 객체의 일자를 나타내는 정수를 설정

Date.prototype.getDay

: Date 객체의 요일을 나타내는 정수를 반환

일요일 (0) ~ 토요일(6)

Date.prototype.setHours

: Date 객체의 시간을 나타내는 정수를 반환

( 0 ~ 23 까지의 정수)

Date.prototype.getHours

: Date 객체의 시간을 나타내는 정수를 설정

( 분, 초, 밀리초도 설정가능 )

Date.prototype.getMinutes

: Date 객체의 분을 나타내는 정수를 반환

( 0 ~ 59 까지의 정수 )

Date.prototype.setMinutes

: Date 객체의 분을 나타내는 정수를 설정

( 초, 밀리초도 설정가능 )

Date.prototype.getSeconds

: Date 객체의 초를 나타내는 정수를 반환

( 0 ~ 59 까지의 정수 )

Date.prototype.setSeconds

: Date 객체의 초를 나타내는 정수를 설정

( 밀리초도 설정 가능 )

Date.prototype.getMilliSeconds

: Date 객체의 밀리초를 나타내는 정수를 반환

( 0 ~ 999 까지의 정수 )

Date.prototype.setMilliSeconds

: Date 객체의 밀리초를 나타내는 정수를 설정

Date.prototype.getTime

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

Date.prototype.setTime

: 1970/1/1 00:00:00(UTC)기점으로 Date 객체의 시간까지 경과된 밀리초를 설정

Date.prototype.getTimezoneOffset

UTC와 Date 객체에 지정된 locale 시간과의 차이를 분단위로 반환.

const today = new Date() // today의 locale은 KST

today.getTimezoneOffset() / 60; // -9

Date.prototype.toDateString

문자열로 Date 객체의 날짜를 반환

Date.prototype.toTimeString

문자열로 Date 객체의 시간을 표현한 문자열을 반환

const today = new Date('2020/7/24/12:30')

today.toDateString(); // Fri Jul 24 2020
today.toTimeString(); // 12:30:00 GMT+0900

Date.prototype.toISOString

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

  • ISO 8601 ? ⇒ 날짜와 시간과 관련된 데이터 교환을 다루는 국제 표준이며, 아라비아 숫자와 특정의미를 제공하는("-", ":", "T", "W" 그리고 "Z"와 같은) 문자들로 작성되어야한다. ( 출처 : 위키백과 )
today.toISOString(); // 2020-07-24T03:30:00.000Z

Date.prototype.toLocaleString

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

Date.prototype.toLocaleTimeString

인수로 전달한 locale을 기준으로 Date 객체의 시간을 표현한 문자열을 반환하며, 인수를 생략하면 브라우저가 동작중인 시스템의 locale을 적용한다.

profile
코딩은 짜릿해 늘 새로워 ✨

0개의 댓글