[JavaScript] 현재 날짜 구하기, 특정 날짜 생성, 날짜 포맷 변경, 날짜 계산

자바스크립트에서 날짜와 시간을 다루는 방법은 Date 객체를 사용하는 것이 일반적입니다. Date 객체는 현재 날짜와 시간을 가져오거나 특정 날짜를 생성하는 등 다양한 기능을 제공합니다. 이번 글에서는 날짜를 구하는 방법과 날짜 타입 변환에 대해 예제를 통해 알아보겠습니다.

1. 자바스크립트에서 현재 날짜 구하기

자바스크립트에서 Date 객체를 생성하면 기본적으로 현재 날짜와 시간을 나타내는 객체가 생성됩니다.

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

 

위 코드를 실행하면 2023-09-15T08:55:23.000Z와 같이 현재 날짜와 시간이 출력됩니다.

특정 날짜 요소 추출하기

날짜 객체에서 연도, 월, 일 등을 개별적으로 추출할 수 있습니다.

const today = new Date();
console.log(today.getFullYear()); // 연도 (예: 2023)
console.log(today.getMonth() + 1); // 월 (0부터 시작하므로 +1 필요)
console.log(today.getDate()); // 일
console.log(today.getHours()); // 시
console.log(today.getMinutes()); // 분
console.log(today.getSeconds()); // 초

 

2. 특정 날짜 생성하기

특정 날짜를 지정하여 Date 객체를 생성할 수도 있습니다.

const specificDate = new Date('2024-01-01');
console.log(specificDate); // 지정된 날짜와 시간이 출력됨

 

또한, 연도, 월, 일, 시, 분, 초를 개별적으로 입력하여 특정 날짜를 생성할 수 있습니다.

const customDate = new Date(2024, 0, 1, 10, 0, 0); // 2024년 1월 1일 오전 10시
console.log(customDate);

 

3. 날짜 포맷 변경하기

자바스크립트는 기본적으로 날짜를 특정 포맷으로 제공하지 않으므로, 원하는 형식으로 변환하려면 Date 객체의 메서드와 문자열 조작을 사용해야 합니다.

날짜를 YYYY-MM-DD 형식으로 포맷팅

날짜를 YYYY-MM-DD 형식으로 변환하는 예제입니다.

const today = new Date();
const year = today.getFullYear();
const month = String(today.getMonth() + 1).padStart(2, '0'); // 월을 2자리로
const day = String(today.getDate()).padStart(2, '0'); // 일을 2자리로

const formattedDate = `${year}-${month}-${day}`;
console.log(formattedDate); // 2024-01-01 같은 형식 출력

 

4. 날짜 타입 변환하기

자바스크립트에서 Date 객체를 문자열로 변환하거나, 문자열을 Date 객체로 변환할 수 있습니다.

Date 객체를 문자열로 변환하기

toISOString() 또는 toDateString() 등을 사용해 Date 객체를 다양한 형식의 문자열로 변환할 수 있습니다.

const today = new Date();
console.log(today.toISOString()); // "2024-01-01T00:00:00.000Z" 형식
console.log(today.toDateString()); // "Mon Jan 01 2024" 형식
console.log(today.toLocaleDateString()); // 로컬 날짜 형식

 

문자열을 Date 객체로 변환하기

날짜 형식의 문자열을 Date 객체로 변환할 수도 있습니다.

const dateString = '2024-01-01';
const dateObject = new Date(dateString);
console.log(dateObject); // Date 객체로 변환된 결과

 

5. 날짜 계산하기

날짜를 계산할 때는 Date 객체의 시간 값(밀리초)을 조작할 수 있습니다.

예를 들어, 오늘 날짜에서 7일 후의 날짜를 계산하려면 다음과 같이 할 수 있습니다.

const today = new Date();
const sevenDaysLater = new Date(today.getTime() + 7 * 24 * 60 * 60 * 1000); // 밀리초로 계산
console.log(sevenDaysLater);