[JavaScript] 날짜와 시간을 어떻게 구해야 할까?

1. 객체 생성

실시간 날짜와 시간을 가져오기 위해서는 제일 먼저 Date 객체를 만드는 것이 선행되어야 합니다.

그리고 객체 내 담겨있는 정보들을 여러가지 Date 메서드를 통해 반환시켜야 합니다.

 

2. 다양한 메서드

수 많은 Date 메서드가 존재하나, 기본적으로 자주 사용되며 활용성이 높은 것들 위주로 정리 해보았다.

 

연도 / 월 / 일 / 요일

• Date.prototype.getFullYear() : 주어진 날짜의 현지 시간 기준 연도를 반환합니다.
• Date.prototype.getMonth() : 주어진 날짜의 현지 시간 기준 월을 반환합니다. (0 ~ 11 : 0부터 시작하므로 1을 더하여 처리 해주어야 한다.)
• Date.prototype.getDate() : 주어진 날짜의 현지 시간 기준 일을 반환합니다. (0 ~ 31)
• Date.prototype.getDay() : 주어진 날짜의 현지 시간 기준 요일을 반환합니다.(0 ~ 6 : 0은 일요일입니다.)

 

시 / 분 / 초

• Date.prototype.getHours() : 주어진 날짜의 현지 시간 기준 시를 반환합니다. (0 ~ 23)
• Date.prototype.getMinutes() : 주어진 날짜의 현지 시간 기준 분을 반환합니다. (0 ~ 59)
• Date.prototype.getSeconds() : 주어진 날짜의 현지 시간 기준 초를 반환합니다. (0 ~ 59)

 

 

중요포인트

3.  메서드의 활용

이제 위의 메서드를 통해 실무에서 어떻게 활용을 할까를 고민해보았다.

현재 모두 Number 값으로 반환이 되니, 이것을 (0 => 일요일) 등으로 변경 해보자.

 

 

추가적으로 실시간을 구현하고 싶다면

setInterval()을 통하여 1초마다 한번 노출될 수 있도록 한다면 구현이 가능하다.