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(국제표준시) 로부터 현재까지의 시간(밀리초값) |
'Programming > Front-end(js, React, HTML, CSS)' 카테고리의 다른 글
[HTML/CSS] 표 colspan/rowspan 예시 (0) | 2022.03.09 |
---|---|
[JavaScript] 클래스 제어방법 비교 - jQuery vs JavaScript (0) | 2020.03.06 |
[HTML/CSS] display 속성 - inline, block, flex (0) | 2020.02.28 |
[HTML/CSS] 스타일 우선 적용 순서 - cascading과 specificity (0) | 2020.02.28 |