JS : Date

Date

🔗 참고자료
모던 자바스크립트 Deep Dive
MDN Date

Date는 날짜와 시간(연, 월, 일, 시, 분, 초, 밀리초)을 위한 메서드를 제공하는 빌트인 객체이면서 생성자 함수이다.

---

Date 생성자 함수

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

🔖 특징

1. ECMA-262는 1970년 1월 1일 UTC에서 ±100,000,000일(1억일)을 표준 Date 객체의 최대 범위로 규정 (UNIX 타임스탬프를 담는다.)
2. Date 객체는 정수값을 가진다.

⚙️ New Date()

• New 연산자와 함께 호출하여 현재날짜와 시간을 가지는 Date 객체를 반환한다.

// new 연산자 호출 X
// 현재 날짜와 시간을 가지는 Date 객체를 반환 → 정수값
let time1 = new Date();

// new 연산자 호출 O
// Date 객체를 반환 X → 날짜와 시간 정보 문자열 반환
let time2 = Date();

console.log(time1); // 2022-01-25T13:32:16.034Z
console.log(time2); // Tue Jan 25 2022 13:32:16 GMT+0000 (Coordinated Universal Time)

⚙️ New Date(dataString)

• 날짜와 시간을 문자열을 인수로 전달하여 지정된 날짜와 시간을 타나내는 Date 객체를 반환한다.
• 문자열로 받는 인수는 Date.parse 메서드가 가능한 형식이어야 한다.

let time1 = new Date('Jun 1, 2021 10:00:00');
let time2 = new Date('2021/06/01/ 10:00:00');

console.log(time1); // 2021-06-01T10:00:00.000Z
console.log(time2); // 2021-06-01T10:00:00.000Z

⚙️ New Date(year,month[, day,hour,minute,second,millisecond])

• 연, 월, 일, 시, 분, 초, 밀리초를 의미하는 숫자를 인수로 받아 지정된 날짜와 시간을 나타내는 Date 객체를 반환한다.
• 연과 월은 반드시 지정해야 한다.
• 지정하지 않은 인수는 0 또는 1로 초기화된다.

// 인수가 없는 경우 0과 1로 초기화
// 일 → 1일
// 시간 → 0시 0분 0초
let time1 = new Date(2002, 4);

// 인수가 모두 있는 경우
let time2 = new Date(2002, 4, 5, 10, 00, 00, 0);

console.log(time1); // 2002-05-01T00:00:00.000Z
console.log(time2); // 2002-05-05T10:00:00.000Z

Date 메소드

⚙️ Date.now()

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

console.log(Date.now());  // 1643129381889

⚙️ Date.parse()

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

⚙️ Date.prototype.getFullYear()

• Date 객체의 연도를 정수로 반환한다.

⚙️ Date.prototype.setFullYear()

• Date 객체의 연도를 정수로 설정한다.
• 연도 이외의 인수 월, 일을 설정할 수 있다.

⚙️ Date.prototype.getMonth()

• Date 객체의 월을 정수로 반환한다.

반환값	월
0	1월
1	2월
2	3월
3	4월
4	5월
5	6월
6	7월
7	8월
8	9월
9	10월
10	11월
11	12월

⚙️ Date.prototype.setMonth()

• Date 객체의 월을 정수로 설정한다.
• 월 이외에도 일을 설정할 수 있다.

⚙️ Date.prototype.getDate()

• Date 객체의 날짜를 정수를 반환한다.

⚙️ Date.prototype.setMonth()

• Date 객체의 월을 정수로 설정한다.

⚙️ Date.prototype.getDay()

• Date 객체의 요일(0~6)을 나타내는 정수를 반환한다.

반환값	요일
0	일
1	월
2	화
3	수
4	목
5	금
6	토

⚙️ Date.prototype.getHour()

• Date 객체의 시간(0~23)을 정수로 반환한다.

⚙️ Date.prototype.setHour()

• Date 객체의 시간(0~23)을 정수로 설정한다.
• 시간 외에도 분, 초 밀리초를 설정할 수 있다.

⚙️ Date.prototype.getMinutes()

• Date 객체의 분(0~59)을 정수로 반환한다.

⚙️ Date.prototype.setMinutes()

• Date 객체의 분(0~59)을 정수로 설정한다.
• 초 밀리초를 설정할 수 있다.

⚙️ Date.prototype.getSeconds()

• Date 객체의 초(0~59)을 정수로 반환한다.

⚙️ Date.prototype.setSeconds()

• Date 객체의 초(0~59)을 정수로 설정한다.
• 초 이외에도 밀리초도 설정할 수 있다.

---

🗓️ 수정 및 추가

• 2022.02.24
  1. 썸네일 변경