Programming/Front-end(js, React, HTML, CSS)

[JavaScript] Date 객체/메소드

Sujin Lee (Daisy) 2020. 2. 14. 03:19

1. Date 객체

 - Date 객체는 날짜 및 시간을 다루는데 사용되는 객체이다.

 - Date 객체는 1970년 1월 1일 UTC(국제표준시) 00:00으로부터 지난 시간을 밀리초로 나타내는 유닉스 시간(UNIX epoch)을 사용한다. 

 

2. Date() 생성자

 - Date() 생성자는 Date객체를 생성한다. 

 - Date() 생성자로 Date객체를 생성하면 Date 메소드들을 사용할 수 있다. 

 - JavaScript Date 객체를 생성하는 법은 new 연산자를 사용하는 것이 유일하다. 

 - Date() 생성자는 기본적으로 현재 날짜/시간 값을 가진다.

   만약, 현재 날짜/시간이 아니라 다른 날짜/시간을 다루고 싶은 경우, Date 생성자 함수에 해당 날짜/시간을 인수로 넣어주면 된다.  

//Date() 생성자 사용법 
new Date();
new Date(value);
new Date(dateString);
new Date(year, monthIndex[, day[, hour[, minutes[, seconds[, milliseconds]]]]]);

2-1. new Date();

 - 인수가 없으면, 현재 날짜/시간을 가지는 인스턴스를 만든다. 

 

2-2. new Date(millisecond);

 - 인수로 밀리세컨드를 주면, 1970.01.01 00:00 (UTC)를 기점으로 해당 밀리세컨드만큼 경과한 날짜/시간을 가지는 인스턴스를 만든다. 

 

2-3. new Date(dateString);

 - 인수로 dateString(날짜/시간을 나타내는 문자열)을 주면, 해당 날짜/시간을 가지는 인스턴스를 만든다. 

 

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

 - 인수로 지정된 날짜/시간을 주면, 해당 날짜/시간을 가지는 인스턴스를 만든다. 

 - 이 때, 년/월은 필수이며, [ ] 안의 값(날짜, 시간, 분, ...)은 옵션이다. 

 

 

3. Date 메소드 

Date 메소드 용도 상세설명
.getFullYear(); 현재 년 (현지 시간 기준) 날짜의 연도(문자 4개) 반환
.getMonth(); 현재 월 (현지 시간 기준) 월(0~11) 반환 
0: 1월, 1:2월, .... 11:12월 
.getDate(); 현재 일 (현지 시간 기준) 며칠인지 반환 (1~31)
.getDay(); 현재 요일 (현지 시간 기준) 무슨 요일인지 반환 (0~6)
0: 일요일, 1:월요일, .... 6:토요일
.getHours(); 현재 시간 (현지 시간 기준) 시간(0~23)을 반환
0: 자정, 12: 오후 12시 
.getMinutes(); 현재 분 (현지 시간 기준) 분(0~59)을 반환
.getSeconds(); 현재 초 (현지 시간 기준) 초(0~59)을 반환
.getMilliseconds(); 현재 밀리초 (현지 시간 기준) 밀리초(0~999)을 반환
.getTime();  UTC(국제표준시) 로부터
현재까지의 시간(밀리초값)

 

 

 

반응형