JavaScript에서 날짜 설정하기: Set Date Methods 완벽 가이드 - 좋은공간 좋은집

JavaScript에서 날짜를 다룰 때는 단순히 날짜와 시간을 가져오는 것뿐만 아니라, 특정 날짜와 시간을 설정하는 작업도 자주 발생합니다. JavaScript의 Set 메서드를 사용하면 Date 객체에서 원하는 날짜와 시간을 자유롭게 설정할 수 있습니다. 이번 글에서는 JavaScript에서 자주 사용되는 날짜 설정 관련 set 메서드들을 알아보겠습니다.

JavaScript에서 Date 객체 생성하기

Date 객체는 현재 시간이나 특정 날짜와 시간을 설정하는 데 사용됩니다. set 메서드를 사용해 다양한 날짜와 시간 요소를 직접 설정할 수 있습니다.

1. 현재 날짜와 시간 설정

기본적으로 Date 객체는 현재 날짜와 시간을 나타냅니다. 하지만 특정 날짜나 시간을 설정하고 싶을 때 set 메서드를 사용할 수 있습니다.

// 현재 날짜와 시간
const now = new Date();
console.log(now); // 현재 날짜와 시간

JavaScript에서 날짜 설정하기: Set 메서드

JavaScript의 Date 객체는 다양한 set 메서드를 통해 연도, 월, 일, 시간 등의 날짜와 시간 요소를 설정할 수 있습니다. 이러한 메서드들은 특정 시점을 설정할 때 유용합니다.

1. setFullYear() 메서드

setFullYear() 메서드는 날짜 객체의 연도를 설정합니다.

// 연도 설정
const date = new Date();
date.setFullYear(2025);
console.log(date); // 연도가 2025로 설정됨

연도뿐만 아니라 월과 일을 함께 설정할 수도 있습니다.

// 연도, 월, 일 설정
date.setFullYear(2025, 5, 15); // 2025년 6월 15일로 설정 (월은 0부터 시작)
console.log(date);

2. setMonth() 메서드

setMonth() 메서드는 날짜 객체의 월을 설정합니다. 0은 1월을, 11은 12월을 나타냅니다.

// 월 설정
const date = new Date();
date.setMonth(8); // 9월로 설정 (0부터 시작)
console.log(date);

월을 설정할 때, 날짜가 현재 월의 마지막 일을 넘으면 자동으로 다음 달로 넘어갑니다.

// 월을 13으로 설정하면 다음 해 1월로 넘어감
date.setMonth(13); // 1년 뒤 2월로 설정됨
console.log(date);

3. setDate() 메서드

setDate() 메서드는 날짜 객체의 일을 설정합니다.

// 일 설정
const date = new Date();
date.setDate(15); // 15일로 설정
console.log(date);

일을 설정할 때, 현재 월의 일수를 넘으면 자동으로 다음 달로 넘어갑니다.

// 32일로 설정하면 다음 달 1일로 변경됨
date.setDate(32); 
console.log(date);

4. setHours() 메서드

setHours() 메서드는 날짜 객체의 시간을 설정합니다. 24시간 형식을 사용하며, 0은 자정을 나타냅니다.

// 시간 설정
const date = new Date();
date.setHours(14); // 오후 2시로 설정
console.log(date);

이 메서드는 시간뿐만 아니라, 분, 초, 밀리초도 함께 설정할 수 있습니다.

// 시간, 분, 초, 밀리초 설정
date.setHours(14, 30, 0, 0); // 14시 30분 0초로 설정
console.log(date);

5. setMinutes() 메서드

setMinutes() 메서드는 날짜 객체의 분을 설정합니다.

// 분 설정
const date = new Date();
date.setMinutes(45); // 45분으로 설정
console.log(date);

마찬가지로 분을 설정할 때, 초와 밀리초도 함께 설정할 수 있습니다.

// 분, 초, 밀리초 설정
date.setMinutes(45, 30, 500); // 45분 30초 500밀리초로 설정
console.log(date);

6. setSeconds() 메서드

setSeconds() 메서드는 날짜 객체의 초를 설정합니다.

// 초 설정
const date = new Date();
date.setSeconds(30); // 30초로 설정
console.log(date);

초를 설정할 때, 밀리초도 함께 설정할 수 있습니다.

// 초와 밀리초 설정
date.setSeconds(30, 250); // 30초 250밀리초로 설정
console.log(date);

7. setMilliseconds() 메서드

setMilliseconds() 메서드는 날짜 객체의 밀리초를 설정합니다. 1초는 1000밀리초이므로, 0부터 999 사이의 값을 설정할 수 있습니다.

// 밀리초 설정
const date = new Date();
date.setMilliseconds(500); // 500밀리초로 설정
console.log(date);

8. setTime() 메서드

setTime() 메서드는 1970년 1월 1일 자정(UTC)부터 경과한 시간을 밀리초 단위로 설정합니다. 즉, 특정 타임스탬프 값을 설정할 때 유용합니다.

// 타임스탬프 설정
const date = new Date();
date.setTime(1733071800000); // 2024년 9월 26일로 설정
console.log(date);

이 메서드는 두 날짜 간의 시간차를 설정하거나, 특정 시점을 나타낼 때 매우 유용하게 사용됩니다.

결론

JavaScript의 Set 메서드는 Date 객체의 연도, 월, 일, 시간, 분, 초, 밀리초를 자유롭게 설정할 수 있는 유용한 기능을 제공합니다. 이를 통해 특정 날짜와 시간을 동적으로 변경하거나 계산할 수 있으며, 날짜 관련 작업을 더욱 효율적으로 수행할 수 있습니다. 이 메서드들을 사용하여 원하는 날짜와 시간을 손쉽게 설정해보세요!