JavaScript Date Set Methods
JavaScript Date Set Methods: 날짜 정보 설정 메서드의 이해와 활용
JavaScript에서 Date 객체는 날짜와 시간을 다루기 위한 다양한 set 메서드를 제공합니다. 이 메서드들은 날짜의
개별 구성 요소(연도, 월, 일, 시간 등)를 설정할 수 있게 해줍니다. 이 가이드는 Date 객체의 set 메서드를 설명하고, 이를 활용해 날짜와 시간
데이터를 설정하는 방법을 다룹니다.
1. 주요 Date Set 메서드
1.1. setFullYear()
해당 날짜의 **연도(4자리)**를 설정합니다. setFullYear() 메서드는 연도와 함께 월 및
일도 설정할 수 있습니다.
const date = new Date();
date.setFullYear(2025); // 연도를 2025로 설정
console.log(date); // 출력: (2025년의 날짜)
date.setFullYear(2025, 9, 15); // 연도 2025, 10월 15일로 설정 (월은 0부터 시작)
console.log(date); // 출력: Thu Oct 15 2025
1.2. setMonth()
해당 날짜의 월을 설정합니다. 0부터 11까지의 값을 사용하여 1월부터 12월을 나타냅니다. setMonth() 메서드는
일도 함께 설정할 수 있습니다.
date.setMonth(11); // 12월로 설정 (0 = 1월, 11 = 12월)
console.log(date); // 출력: Thu Dec 15 2025
date.setMonth(11, 25); // 12월 25일로 설정
console.log(date); // 출력: Thu Dec 25 2025
1.3. setDate()
해당 날짜의 일을 설정합니다. 일의 값이 주어진 월의 범위를 벗어나면 자동으로 다음 월이나 이전 월로 넘어갑니다.
date.setDate(1); // 일자를 1일로 설정
console.log(date); // 출력: Mon Dec 01 2025
date.setDate(32); // 32일은 없으므로 다음 달로 넘어감
console.log(date); // 출력: Thu Jan 01 2026
1.4. setHours()
해당 날짜의 **시간(시)**을 설정합니다. 0에서 23까지의 값을 사용하여 24시간 형식으로 설정할 수 있습니다. 분, 초, 밀리초도 함께 설정할 수 있습니다.
date.setHours(15); // 오후 3시로 설정
console.log(date); // 출력: Thu Jan 01 2026 15:00:00
date.setHours(15, 45, 30); // 오후 3시 45분 30초로 설정
console.log(date); // 출력: Thu Jan 01 2026 15:45:30
1.5. setMinutes()
해당 날짜의 분을 설정합니다. 초와 밀리초도 함께 설정할 수 있습니다.
date.setMinutes(30); // 분을 30으로 설정
console.log(date); // 출력: Thu Jan 01 2026 15:30:00
date.setMinutes(30, 45); // 30분 45초로 설정
console.log(date); // 출력: Thu Jan 01 2026 15:30:45
1.6. setSeconds()
해당 날짜의 초를 설정합니다. 밀리초도 함께 설정할 수 있습니다.
date.setSeconds(10); // 초를 10으로 설정
console.log(date); // 출력: Thu Jan 01 2026 15:30:10
date.setSeconds(10, 500); // 초와 밀리초 설정 (10초 500밀리초)
console.log(date); // 출력: Thu Jan 01 2026 15:30:10.500
1.7. setMilliseconds()
해당 날짜의 밀리초를 설정합니다.
date.setMilliseconds(750); // 밀리초를 750으로 설정
console.log(date); // 출력: Thu Jan 01 2026 15:30:10.750
2. UTC 기준 Set 메서드
JavaScript는 UTC(협정 세계시) 기준으로 날짜와 시간을 설정할 수 있는 메서드도 제공합니다. 이 메서드들은 앞서 소개한 Set 메서드와 동일하지만, UTC 시간대를 기준으로 설정이 이루어집니다.
2.1. setUTCFullYear()
해당 날짜의 UTC 기준 연도를 설정합니다.
date.setUTCFullYear(2025);
console.log(date.toUTCString()); // 출력: Thu, 01 Jan 2025 06:30:10 GMT
2.2. setUTCMonth()
해당 날짜의 UTC 기준 월을 설정합니다.
date.setUTCMonth(5); // UTC 기준 6월로 설정
console.log(date.toUTCString()); // 출력: Sun, 01 Jun 2025 06:30:10 GMT
2.3. setUTCDate()
해당 날짜의 UTC 기준 일을 설정합니다.
date.setUTCDate(10); // UTC 기준 10일로 설정
console.log(date.toUTCString()); // 출력: Tue, 10 Jun 2025 06:30:10 GMT
2.4. setUTCHours()
해당 날짜의 UTC 기준 시를 설정합니다.
date.setUTCHours(18); // UTC 기준 오후 6시로 설정
console.log(date.toUTCString()); // 출력: Tue, 10 Jun 2025 18:30:10 GMT
2.5. setUTCMinutes()
해당 날짜의 UTC 기준 분을 설정합니다.
date.setUTCMinutes(45);
console.log(date.toUTCString()); // 출력: Tue, 10 Jun 2025 18:45:10 GMT
2.6. setUTCSeconds()
해당 날짜의 UTC 기준 초를 설정합니다.
date.setUTCSeconds(50);
console.log(date.toUTCString()); // 출력: Tue, 10 Jun 2025 18:45:50 GMT
2.7. setUTCMilliseconds()
해당 날짜의 UTC 기준 밀리초를 설정합니다.
date.setUTCMilliseconds(500);
console.log(date.toUTCString()); // 출력: Tue, 10 Jun 2025 18:45:50.500 GMT
3. 날짜 정보 설정 활용 예시
3.1. 특정 날짜 설정
아래 코드는 특정 날짜를 설정하여 그 결과를 출력하는 예시입니다.
const specificDate = new Date();
specificDate.setFullYear(2022, 11, 25); // 2022년 12월 25일로 설정 (월은 0부터 시작)
specificDate.setHours(14, 30, 0); // 오후 2시 30분 0초로 설정
console.log(specificDate); // 출력: Sun Dec 25 2022 14:30:00
3.2. 미래 날짜 계산
현재 날짜를 기준으로 100일 후의 날짜를 계산하는 예시입니다.
const currentDate = new Date();
currentDate.setDate(currentDate.getDate() + 100); // 현재 날짜에서 100일 더하기
console.log(currentDate); // 100일 후의 날짜 출력
요약
Date객체의 Set 메서드: 날짜와 시간의 개별 구성 요소(연도, 월, 일, 시, 분, 초, 밀리초)를 설정할 수 있습니다.- UTC 기반 메서드: UTC 시간대를 기준으로 날짜를 설정하는 Set 메서드도 제공됩니다.
- 실용적 사용 예시: 특정 날짜 설정, 시간 간격 계산 등 다양한 상황에서 활용할 수 있습니다.
JavaScript의 다양한 Date Set 메서드를 통해 날짜와 시간을 유연하게 설정하고 조작할 수 있습니다. 이를 활용해 웹 애플리케이션에서 날짜 관련 작업을 효과적으로 처리할 수
있습니다.