JavaScript Date Get Methods
JavaScript Date Get Methods: 날짜 정보 추출 메서드의 이해와 활용
JavaScript에서 Date
객체는 날짜와 시간을 다루기 위한 핵심 객체입니다. 이 객체는 다양한 get 메서드를 제공하여
날짜의 개별 구성 요소를 쉽게 추출할 수 있습니다. 이 가이드는 Date
객체의 get 메서드들을 설명하고, 이를 활용하여 날짜와 시간 데이터를 추출하는 방법을 다룹니다.
1. 주요 Date
Get 메서드
1.1. getFullYear()
해당 날짜의 **연도(4자리)**를 반환합니다.
const date = new Date();
console.log(date.getFullYear()); // 출력: 2023
1.2. getMonth()
해당 날짜의 월을 반환합니다. 0부터 시작하므로 0은 1월, 1은 2월을 나타냅니다.
console.log(date.getMonth()); // 출력: 9 (10월을 나타냄)
1.3. getDate()
해당 날짜의 일을 반환합니다.
console.log(date.getDate()); // 출력: 13 (오늘 날짜)
1.4. getDay()
해당 날짜의 요일을 반환합니다. 요일은 0부터 6까지 반환되며, 0은 일요일, 1은 월요일, 6은 토요일을 나타냅니다.
console.log(date.getDay()); // 출력: 5 (금요일)
1.5. getHours()
해당 날짜의 **시간(시)**을 반환합니다. 24시간 형식으로 반환됩니다.
console.log(date.getHours()); // 출력: 14 (오후 2시)
1.6. getMinutes()
해당 날짜의 분을 반환합니다.
console.log(date.getMinutes()); // 출력: 30 (현재 분)
1.7. getSeconds()
해당 날짜의 초를 반환합니다.
console.log(date.getSeconds()); // 출력: 45 (현재 초)
1.8. getMilliseconds()
해당 날짜의 밀리초를 반환합니다. 0부터 999까지의 숫자가 반환됩니다.
console.log(date.getMilliseconds()); // 출력: 123 (현재 밀리초)
2. UTC 기준 Get 메서드
JavaScript는 UTC(협정 세계시) 기준으로 날짜와 시간을 추출하는 메서드도 제공합니다. 이 메서드들은 기본 get
메서드와 동일하지만,
UTC 시간대를 기준으로 값을 반환합니다.
2.1. getUTCFullYear()
해당 날짜의 UTC 기준 연도를 반환합니다.
console.log(date.getUTCFullYear()); // 예시 출력: 2023
2.2. getUTCMonth()
해당 날짜의 UTC 기준 월을 반환합니다.
console.log(date.getUTCMonth()); // 출력: 9 (UTC 기준 10월)
2.3. getUTCDate()
해당 날짜의 UTC 기준 일을 반환합니다.
console.log(date.getUTCDate()); // 출력: 13 (UTC 기준 오늘 날짜)
2.4. getUTCDay()
해당 날짜의 UTC 기준 요일을 반환합니다.
console.log(date.getUTCDay()); // 출력: 5 (UTC 기준 금요일)
2.5. getUTCHours()
해당 날짜의 UTC 기준 시를 반환합니다.
console.log(date.getUTCHours()); // 출력: 5 (UTC 기준 오전 5시)
2.6. getUTCMinutes()
해당 날짜의 UTC 기준 분을 반환합니다.
console.log(date.getUTCMinutes()); // 출력: 30 (UTC 기준 현재 분)
2.7. getUTCSeconds()
해당 날짜의 UTC 기준 초를 반환합니다.
console.log(date.getUTCSeconds()); // 출력: 45 (UTC 기준 현재 초)
2.8. getUTCMilliseconds()
해당 날짜의 UTC 기준 밀리초를 반환합니다.
console.log(date.getUTCMilliseconds()); // 출력: 123 (UTC 기준 현재 밀리초)
3. 특수 Get 메서드
3.1. getTime()
해당 날짜의 타임스탬프를 반환합니다. 타임스탬프는 1970년 1월 1일 UTC 자정 이후의 밀리초를 의미합니다. 이 값은 두 날짜 간의 시간 차이를 계산하는 데 유용합니다.
console.log(date.getTime()); // 출력: 예시 1697187045123 (1970년 이후 밀리초)
3.2. getTimezoneOffset()
현지 시간과 UTC 시간 사이의 차이를 분 단위로 반환합니다. 이 값은 현지 시간이 UTC보다 앞서 있으면 음수, 뒤처져 있으면 양수로 나타냅니다.
console.log(date.getTimezoneOffset()); // 출력: -540 (한국은 UTC보다 9시간 빠름)
4. 날짜 정보 활용 예시
4.1. 현재 날짜 및 시간 출력
const now = new Date();
const year = now.getFullYear();
const month = (now.getMonth() + 1).toString().padStart(2, '0'); // 0부터 시작하므로 1을 더함
const day = now.getDate().toString().padStart(2, '0');
const hours = now.getHours().toString().padStart(2, '0');
const minutes = now.getMinutes().toString().padStart(2, '0');
const seconds = now.getSeconds().toString().padStart(2, '0');
const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
console.log(formattedDate); // 예시 출력: 2023-10-13 14:30:45
4.2. 두 날짜 간의 차이 계산
const startDate = new Date("2023-10-01");
const endDate = new Date("2023-10-13");
const timeDifference = endDate.getTime() - startDate.getTime();
const dayDifference = timeDifference / (1000 * 60 * 60 * 24); // 밀리초를 일 단위로 변환
console.log(dayDifference); // 출력: 12
요약
Date
객체의 get 메서드:getFullYear()
,getMonth()
,getDate()
등 다양한 메서드를 사용해 날짜와 시간을 개별적으로 추출할 수 있습니다.- UTC 기반 메서드:
getUTCFullYear()
,getUTCDate()
등은 UTC 기준으로 날짜 정보를 제공합니다. - 특수 메서드:
getTime()
은 타임스탬프를 반환하며,getTimezoneOffset()
은 현지 시간과 UTC 시간의 차이를 분 단위로 반환합니다.
JavaScript의 다양한 Date
get 메서드를 통해 날짜와 시간을 원하는 형식으로 쉽게 추출하고 활용할 수 있습니다. 이를 이용해 날짜 데이터를 효과적으로 관리하고 표시할 수
있습니다.