# JavaScript - Get Date Methods

안녕하세요, 야심 찬 프로그래머 여러분! 오늘 우리는 자바스크립트 Date 메서드의 흥미로운 세계로 뛰어들어 보겠습니다. 여러분의 친절한 이웃 컴퓨터 교사로서, 저는 명확한 설명, 많은 예제, 그리고 perhaps even a chuckle or two를 통해 여러분을 안내해 드리겠습니다. 그러니 마음에 드는 음료를 한 잔 챙겨, 편안하게 앉아 자바스크립트를 사용하여 날짜의 여러 요소를 어떻게 추출할 수 있는지 탐구해 보겠습니다!

자바스크립트 Date 메서드 소개

구체적인 메서드로 돌아가기 전에, 자바스크립트에서 Date 객체가 무엇인지 이해해 보겠습니다. 시간의 한 순간을 포착하는 스냅샷처럼 생각해 보세요. 연도에서 밀리초까지 모든 것을 포함하고 있습니다. 손끝에서 super-precise digital clock을 가지고 있는 것과 같습니다!

Date 객체를 생성하려면 보통 다음과 같이 합니다:

let currentDate = new Date();

이렇게 하면 현재 날짜와 시간을 나타내는 Date 객체를 얻습니다. 이제 이 객체에서 특정 정보를 추출하는 방법을 살펴보겠습니다.

Get Date 메서드

자바스크립트는 Date 객체에서 다양한 부분을检索하는 여러 메서드를 제공합니다. 이 메서드들은 날짜 스냅샷을 볼 수 있는 다양한 렌즈로 생각할 수 있습니다. 이제 각 메서드를 탐구해 보겠습니다:

1. getFullYear()

이 메서드는 날짜의 연도를 네 자리 숫자로 반환합니다.

let currentDate = new Date();
let year = currentDate.getFullYear();
console.log(year); // 출력: 2023 (혹은 현재 연도)

과거에는 연도를 두 자리 숫자로 쓰곤 했지만, 이 메서드는 항상 네 자리 연도를 얻어 Y2K와 같은 혼란을 피할 수 있습니다!

2. getMonth()

이 메서드는 월을 0에서 11 사이의 숫자로 반환합니다. 그렇게 읽으셨나요? 0에서 11!

let currentDate = new Date();
let month = currentDate.getMonth();
console.log(month); // 출력: 5 (6월)

자바스크립트의 이상한 사실: 월은 zero-indexed입니다. 1월은 0이고 12월은 11입니다. 자바스크립트가 우리에게 조금씩 장난치고 있는 것 같습니다!

3. getDate()

이름에 속지 마세요 - 이 메서드는 월의 날짜(1-31)를 반환합니다.

let currentDate = new Date();
let dayOfMonth = currentDate.getDate();
console.log(dayOfMonth); // 출력: 현재 월의 날짜

이는 캘린더나 예약 애플리케이션을 만들 때 특히 유용합니다.

4. getDay()

이 메서드는 주의 날짜를 0에서 6 사이의 숫자로 반환합니다.

let currentDate = new Date();
let dayOfWeek = currentDate.getDay();
console.log(dayOfWeek); // 출력: 0 (일요일)에서 6 (토요일)

월과 마찬가지로 자바스크립트는 0부터 시작합니다. 일요일은 0, 월요일은 1, 이와 같이 시작합니다. 자바스크립트는 우리가 내 안의 프로그래머를 받아들이고 0부터 시작하는 것을 원합니다!

5. getHours()

이 메서드는 날짜의 시간(0-23)을 반환합니다.

let currentDate = new Date();
let hour = currentDate.getHours();
console.log(hour); // 출력: 24시간 형식의 현재 시간

이는 디지털 시계나 시간 기반 애플리케이션을 만들 때 좋습니다.

6. getMinutes()

이 메서드는 날짜의 분(0-59)을 반환합니다.

let currentDate = new Date();
let minutes = currentDate.getMinutes();
console.log(minutes); // 출력: 현재 분

7. getSeconds()

당신이 맞추셨습니다 - 이 메서드는 날짜의 초(0-59)를 반환합니다.

let currentDate = new Date();
let seconds = currentDate.getSeconds();
console.log(seconds); // 출력: 현재 초

8. getMilliseconds()

매우 정밀한 경우를 위해, 이 메서드는 날짜의 밀리초(0-999)를 반환합니다.

let currentDate = new Date();
let milliseconds = currentDate.getMilliseconds();
console.log(milliseconds); // 출력: 현재 밀리초

이 정도의 정밀도는 성능 측정이나 고유한 식별자를 만들 때 자주 사용됩니다.

9. getTime()

이 메서드는 1970년 1월 1일부터의 밀리초 수를 반환합니다.

let currentDate = new Date();
let time = currentDate.getTime();
console.log(time); // 출력: 1970년 1월 1일부터의 밀리초

이는 시간 차이를 계산하거나 날짜를 정렬할 때 매우 유용합니다.

요약 표

여기서 모든 메서드를 요약한 표를 제공합니다:

메서드	반환值	범위
getFullYear()	연도	네 자리 연도
getMonth()	월	0-11
getDate()	월의 날짜	1-31
getDay()	주의 날짜	0-6
getHours()	시간	0-23
getMinutes()	분	0-59
getSeconds()	초	0-59
getMilliseconds()	밀리초	0-999
getTime()	1970년 1월 1일부터의 밀리초	-

실용적인 예제

이제 모든 메서드를 다루었으므로, 몇 가지 실용적인 예제에 적용해 보겠습니다!

예제 1: 디지털 시계 생성

function updateClock() {
    let now = new Date();
    let hours = now.getHours().toString().padStart(2, '0');
    let minutes = now.getMinutes().toString().padStart(2, '0');
    let seconds = now.getSeconds().toString().padStart(2, '0');

    console.log(`${hours}:${minutes}:${seconds}`);
}

setInterval(updateClock, 1000);

이 스크립트는 디지털 시계를 생성하고 매秒마다 업데이트합니다. padStart(2, '0')를 사용하여 각 구성 요소가 항상 두 자리 숫자로 표시되도록 합니다.

예제 2: 날짜 포맷ting

function formatDate(date) {
    let days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
    let months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

    let dayName = days[date.getDay()];
    let monthName = months[date.getMonth()];
    let dayOfMonth = date.getDate();
    let year = date.getFullYear();

    return `${dayName}, ${monthName} ${dayOfMonth}, ${year}`;
}

let currentDate = new Date();
console.log(formatDate(currentDate)); // 출력: 예를 들어, "Tuesday, June 15, 2023"

이 함수는 Date 객체를 받아서 친절한 형식의 문자열로 반환합니다. 웹사이트나 앱에서 날짜를 사용자 친화적으로 표시할 때 완벽합니다.

예제 3: 시간 차이 계산

function daysBetween(date1, date2) {
    let timeDiff = Math.abs(date2.getTime() - date1.getTime());
    let dayDiff = Math.ceil(timeDiff / (1000 * 3600 * 24));
    return dayDiff;
}

let date1 = new Date(2023, 0, 1);  // 2023년 1월 1일
let date2 = new Date(2023, 11, 31);  // 2023년 12월 31일

console.log(`Days between: ${daysBetween(date1, date2)}`); // 출력: "Days between: 365"

이 함수는 두 날짜 사이의 일 수를 계산합니다. 카운트다운 타이머나 기간 계산에 유용합니다.

결론

축하합니다! 이제 자바스크립트를 사용하여 날짜 정보를 추출하는 예술을 마스터했습니다. 이 메서드들은 매우 다양하며 자바스크립트 프로그래밍에서 날짜 관련 작업의 기초를 형성합니다.

기억해 두세요, 연습이 완벽을 만듭니다. 이 메서드들을 자신의 프로젝트에 적용해 보세요, 다양한 조합을 실험해 보세요, 그리고 실수를 두려워하지 마세요 - 우리는 그래서 배우고 성장합니다!

계속 코딩하시고, 호기심을 유지하시고, 자바스크립트 날짜에 대해 즐기세요. 누가 알랴요? 여러분이 자바스크립트와 관련된 모든 것에 대한 전문가가 될지도 모릅니다!

Credits: Image by storyset