[모던 자바스크립트 Deep Dive] 30. Date

30. Date

 

30.1 Date 생성자 함수

기본적으로 현재 날자와 시간을 나타내는 정수값을 가진다

 

1. new Date()

• 현재 날짜와 시간을 가지는 Date 객체 반환
  (콘솔에 출력하면 기본적으로 날짜와 시간 정보를 출력)

2. new Date(milliseconds)

• 숫자 타입의 밀리초를 인수로 전달
  -> 1970년 1월 1일 00:00:00(UTC)(UTC)을 기점으로 인수로 전달된 밀리초만큼 경과한 날짜와 시간을 나타내는 객체 반환

3. new Date(dateString)

• 날짜와 시간을 나타내는 문자열을 인수로 전달
  -> 지정된 날짜와 시간을 나타내는 Date 객체를 반환

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

• 연, 월, 일, 시, 분, 초, 밀리초를 의미하는 숫자를 인수로 전달 (연, 월은 필수 지정)
  -> 지정된 날짜와 시간을 나타내는 Date 객체를 반환

30.2 Date 메서드

 

1 Date.now

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

2 Date.parse

• 1970년 1월 1일 00:00:00(UTC)(UTC)을 기점으로 인수로 전달된 지정 시간(new Date(dateString)의 인수와 동일한 형식)까지의 밀리초를 숫자로 반환

3 Date.UTC

• 1970년 1월 1일 00:00:00(UTC)(UTC)을 기점으로 인수로 전달된 지정 시간까지의 밀리초를 숫자로 반환
  => new Date(year, month[, day, hour, minute, second, millisecond]) 형식 사용

4 Date.prototype.getFullYear

• Date 객체의 연도를 나타내는 정수를 반환

5 Date.prototype.setFullYear

• Date 객체에 연도를 나타내는 정수를 설정 (연도 이외에 옵션으로 월, 일도 설정 가능)

6 Date.prototype.getMonth

• Date 객체의 월을 나타내는 0 ~ 11의 정수를 반환(1월 = 0 ~ 12월 = 11)

7 Date.prototype.setMonth

• Date 객체에 월을 나타내는 0 ~ 11의 정수를 설정(월 이외에 옵션으로 일도 설정 가능)

8 Date.prototype.getDate

• Date 객체의 날짜(1 ~ 31)를 나타내는 정수를 반환

9 Date.prototype.setDate

• Date 객체의 날짜 (1 ~ 31)를 나타내는 정수를 설정

10 Date.prototype.getDay

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

11 Date.prototype.getHours

• Date 객체의 시간(0 ~ 23)을 나타내는 정수를 반환

12 Date.prototype.setHours

• Date 객체의 시간(0 ~ 23)을 나타내는 정수를 설정(시간 이외에 옵션으로 분, 초, 밀리초도 설정 가능)

13 Date.prototype.getMinutes

• Date 객체의 분(0 ~ 59)을 나타내는 정수를 반환

14 Date.prototype.setMinutes

• Date 객체의 분(0 ~ 59)을 나타내는 정수를 설정(분 이외에 옵션으로 초, 밀리초도 설정 가능)

15 Date.prototype.getSeconds

• Date 객체의 초(0 ~ 59)을 나타내는 정수를 반환

16 Date.prototype.setSeconds

• Date 객체의 초(0 ~ 59)을 나타내는 정수를 설정(초 이외에 옵션으로 밀리초 가능)

17 Date.prototype.getMilliseconds

• Date 객체의 밀리초(0 ~ 999)을 나타내는 정수를 반환

18 Date.prototype.setMilliseconds

• Date 객체의 밀리초(0 ~ 999)을 나타내는 정수를 설정

19 Date.prototype.getTime

• 1970년 1월 1일 00:00:00(UTC)(UTC)를 기점으로 경과된 밀리초를 반환

20 Date.prototype.setTime

• 1970년 1월 1일 00:00:00(UTC)를 기점으로 경과된 밀리초를 설정

21 Date.prototype.getTimezoneOffset

• UTC와 Date 객체에 지정된 로캘 시간과의 차이를 분 단위로 반환 (UTC = KST - 9h)

22 Date.prototype.toDateString

• 사람이 읽을 수 있는 형식의 문자열로 Date 객체의 날짜를 반환

23 Date.prototype.toTimeString

• 사람이 읽을 수 있는 형식으로 Date 객체의 시간을 표현한 문자열을 반환

24 Date.prototype.toISOString

• ISO 8601 형식으로 Date 객체의 날짜와 시간을 표현한 문자열을 반환

25 Date.prototype.toLocaleString

• 인수로 전달한 로캘을 기준으로 Date 객체의 날짜와 시간을 표현한 문자열을 반환(인수를 생략한 경우 브라우저가 동작 중인 시스템의 로캘을 적용)

26 Date.prototype.toLocaleTimeString

• 인수로 전달한 로캘을 기준으로 Date 객체의 시간을 표현한 문자열을 반환(인수를 생략한 경우 브라우저가 동작 중인 시스템의 로캘을 적용)

 

(function printNow(){
    const today = new Date();

    const dayNames =[
        '(일요일)',
        '(월요일)',
        '(화요일)',
        '(수요일)',
        '(목요일)',
        '(금요일)',
        '(토요일)'
    ]
    // getDay 메서드는 해당 요일(0~6)을 나타내는 정수를 반환한다

    const day = dayNames[today.getDay()];

    const year = today.getFullYear();
    const month = today.getMonth() + 1;
    const date = today.getDate();
    const hour = today.getHours();
    const minute = today.getMinutes();
    const second = today.getSeconds();
    const ampm = hour > 12 ? 'PM' : 'AM';

    //12시간제로 변경
    hour %= 12;
    hour = hour || 12; // hour가 0이면 12를 재할당

    //10분 미만인 분과 초를 2자리로 변경
    minute = minute < 10 ? '0' + minute : minute;
    second = minute < 10 ? '0' + second : second;

    const now = `${year}년 ${month}월 ${date}일 ${day} ${hour}:${minute}:${second} ${ampm}`
    console.log(now);

    //1초마다 printNow 함수를 재귀 호출한다. 
    setTimeout(printNow,1000);
})