JavaScript - 날짜 설정 메서드

안녕하세요, 열망하는 프로그래머 여러분! 오늘 우리는 자바스크립트 날짜 메서드의 세계에서 흥미로운 여정을 떠납니다. 여러분의 친절한 이웃 컴퓨터 선생님이자, 저는 이 주제를 신경 쓰고 열정을 가지고 안내해드리겠습니다. 그러면 가상의 캘린더를 손에 들고, 함께 들어보겠습니다!

JavaScript - Set Date Methods

날짜 설정 메서드 소개

시간 여행 마법사처럼 날짜를 설정하기 전에, 날짜 설정 메서드에 대해 잠시 이해해보겠습니다. 자바스크립트에서 Date 객체는 날짜의 다양한 구성 요소를 수정할 수 있는 여러 가지 메서드를 제공합니다. 이 메서드들은 프로그램에서 날짜를 조작할 때 매우 유용합니다.

생일 알림 앱을 만들고 계신가요? 특정 날짜를 설정해야 하지 않나요? 이 메서드들이 유용하게 쓰일 때입니다!

날짜 설정 메서드 개요

자바스크립트에서 가장 흔히 사용되는 날짜 설정 메서드를 살펴보겠습니다:

메서드 설명
setDate() 월의 날을 설정합니다
setMonth() 월을 설정합니다 (0-11)
setFullYear() 연도를 설정합니다
setHours() 시간을 설정합니다 (0-23)
setMinutes() 분을 설정합니다 (0-59)
setSeconds() 초를 설정합니다 (0-59)
setMilliseconds() 밀리초를 설정합니다 (0-999)

이제 이 메서드들을 몇 가지 손으로 만들어보겠습니다!

날짜 설정 메서드 예제

1. setDate() - 월의 날 설정

setDate() 메서드는 Date 객체의 월의 날을 설정할 수 있습니다. 예제를 보겠습니다:

let myBirthday = new Date();
myBirthday.setDate(15);
console.log(myBirthday);

이 예제에서 우리는 새로운 Date 객체를 만들고 현재 월의 15일로 설정합니다. 이 코드를 실행하면 현재 날짜의 날이 15로 바뀌었습니다.

2. setMonth() - 월 설정

다음은 setMonth()입니다. 자바스크립트에서 월은 제로 기준으로 인덱싱됩니다. 예를 들어, 1월은 0이고 12월은 11입니다.

let summerDay = new Date();
summerDay.setMonth(6); // 7월 (제로 기준)
console.log(summerDay);

여기서 우리는 월을 7월(인덱스 6)으로 설정합니다. 이를 실행하면 날짜가 7월의 하루로 바뀝니다!

3. setFullYear() - 연도 설정

시간 여행을 하고 싶으신가요? setFullYear()이 그 티켓입니다! 미래의 날짜를 설정해보겠습니다:

let futureDate = new Date();
futureDate.setFullYear(2030);
console.log(futureDate);

와우! 우리는 2030년의 날짜를 설정했습니다. 상상해보세요, 비행 자동차가!

4. setHours() - 시간 설정

이제 시간을 조작해보겠습니다. setHours() 메서드는 24시간 기준으로 시간을 설정합니다:

let lunchTime = new Date();
lunchTime.setHours(12);
console.log(lunchTime);

이는 점심 시간을 정오로 설정합니다. 점심 휴식을 알릴 때 딱 좋습니다!

5. setMinutes() - 분 설정

setMinutes()를 사용하여 더 정밀하게 설정해보겠습니다:

let meetingTime = new Date();
meetingTime.setHours(14); // 오후 2시
meetingTime.setMinutes(30);
console.log(meetingTime);

우리는 오후 2시 30분에 회의를 예약했습니다. 지각하지 마세요!

6. setSeconds() - 초 설정

밀리초 정확도가 부족하다면:

let preciseTime = new Date();
preciseTime.setHours(10);
preciseTime.setMinutes(45);
preciseTime.setSeconds(30);
console.log(preciseTime);

이는 시간을 오전 10시 45분 30초로 설정합니다. 실험을计时하거나 타임스탬프를 만들 때 유용합니다.

7. setMilliseconds() - 밀리초 설정

최종 정확도를 위해 setMilliseconds()를 사용합니다:

let ultraPreciseTime = new Date();
ultraPreciseTime.setHours(18);
ultraPreciseTime.setMinutes(0);
ultraPreciseTime.setSeconds(0);
ultraPreciseTime.setMilliseconds(500);
console.log(ultraPreciseTime);

이는 시간을 오후 6시 0분 0초 500밀리초로 설정합니다. 정확히 오후 6시 반쯤입니다!

모두 함께 합치기

이제 각 메서드를 사용해 특정 날짜와 시간을 만들어보겠습니다:

let newYearsEve = new Date();
newYearsEve.setFullYear(2023);
newYearsEve.setMonth(11); // 12월 (제로 기준)
newYearsEve.setDate(31);
newYearsEve.setHours(23);
newYearsEve.setMinutes(59);
newYearsEve.setSeconds(59);
console.log(newYearsEve);

이 코드는 날짜를 2023년 12월 31일 오후 11시 59분 59초로 설정합니다 - 새해의 1초 전입니다!

결론

축하합니다! 자바스크립트에서 날짜 조작의 예술을 습득했습니다. 이 날짜 설정 메서드는 날짜를 정밀하게 만들고 수정하는 강력한 도구입니다. 캘린더 앱, 예약 시스템, 또는 코드에서 날짜를 다루는 데 유용하게 사용될 것입니다.

기억하시자, 연습이 완벽을 이루는 열쇠입니다. 다양한 시나리오를 만들어 이 메서드들을 사용해보세요. 다음 휴가 카운트다운이나 애완 동물의 생일 알림을 만들어보세요?

마무리하면서, 한 학생이 한 말이 떠오릅니다. "자바스크립트의 날짜는 코드의 시간 기계!" 그리고 정말로 그렇습니다. 이 메서드들로 시간을 조작할 수 있습니다 (least, 프로그램 내에서는요).

계속 코딩하고, 배우고, 가장 중요한 것은 즐기세요! 다음에 만날 때까지, 날짜가 정확하고 코드에 버그가 없기를 바랍니다!

Credits: Image by storyset