[JavaScript] 현재 시각 정보 가져오기(연, 월, 일, 요일, 시, 분, 초)

💡 학습 목표

JavaScript에서 현재 시각 정보(연, 월, 일, 요일, 시, 분, 초) 가져오는 방법을 익힌다.

Date 객체 생성 및 타입 확인

Date 객체는 현재 시각의 연, 월, 일, 요일, 시, 분, 초 정보를 제공합니다.

let date = new Date();
console.log(date);
console.log(typeof date); // 괄호 생략 가능

실행 결과

C:\Program Files\nodejs\node.exe .\sample01.js
Mon Nov 29 2021 16:17:23 GMT+0900 (GMT+09:00)
object

필요한 시간 정보만 가져오기

Date 객체는 getFullYear, getDay 등의 메서드를 활용하면

연도, 월, 일 등 원하는 정보만 따로 가져올 수 있습니다.

각각 알아보도록 하죠.

 

1) 연도(Year) 정보 가져오기

Date 객체 내 getFullYear() 메서드를 활용하여 연도(Year) 정보를 가져올 수 있습니다.

console.log(date.getFullYear(), '년');

실행결과

2021 년

2) 월(Month) 정보 가져오기

Date 객체 내 getDate() 메서드를 활용하여 월(Month) 정보를 가져올 수 있습니다.

1월은 0의 값으로 반환되고, 12월이 11로 반환된다는 점에서,

반환되는 값을 정확한 현재 월 정보로서 활용하기 위해서는 1을 더해줘야 합니다.

console.log(date.getFullYear(), '년');

실행결과

11 월

3) 일(Day) 정보 가져오기

Date 객체 내 getDate() 메서드를 활용하여 일(Day) 정보를 가져올 수 있습니다.

console.log(date.getDate(), '일');

실행결과

29 일

4) 요일 정보 가져오기

Date 객체 내 getDay() 메서드를 활용하여 요일 정보를 가져올 수 있습니다.

반환 값은 0이 일요일을, 6이 토요일을 의미하기 때문에,

적절하게 반환 값을 포맷팅 할 필요가 있습니다.

console.log(date.getDay(), '요일');

실행결과

1 요일 // 반환값 1: 월요일, 반환값 6: 토요일, 반환값 0: 일요일

5) 시간(Hour) 정보 가져오기

Date 객체 내 getHours() 메서드를 활용하여 시간(Hour) 정보를 가져올 수 있습니다.

console.log(date.getHours(), '시');

실행결과

16 시

6) 분(Minute) 정보 가져오기

Date 객체 내 getMinutes() 메서드를 활용하여 분(Minute) 정보를 가져올 수 있습니다.

console.log(date.getMinutes(), '분');

실행결과

25 분

7)  초(Second) 정보 가져오기

Date 객체 내 getSeconds() 메서드를 활용하여 초(Second) 정보를 가져올 수 있습니다.

console.log(date.getSeconds(), '초');

실행결과

13 초

---

오늘은 JavaScript에서 현재 시간 정보를 추출하는 방법에 대해 알아봤습니다.

포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요!

그럼 오늘도 즐겁고 건강한 하루 보내시길 바랍니다.

고맙습니다 :-)