JavaScript Date 객체: 날짜와 시간을 다루는 방법 - 좋은공간 좋은집

JavaScript에서 Date 객체는 날짜와 시간을 다루기 위한 기본적인 도구입니다. 이를 사용하면 현재 시간을 가져오거나 특정 날짜를 설정하고, 다양한 형식으로 날짜를 출력하는 등 다양한 작업을 수행할 수 있습니다. 이 글에서는 JavaScript의 Date 객체에 대해 자세히 설명하고, 실무에서 유용하게 사용할 수 있는 방법들을 소개하겠습니다.

Date 객체 생성하기

JavaScript에서 Date 객체는 new Date()로 생성할 수 있습니다. 다양한 방식으로 날짜와 시간을 설정할 수 있으며, 생성된 Date 객체는 날짜와 시간 정보를 포함하고 있습니다.

1. 현재 날짜와 시간 가져오기

가장 기본적인 방법으로 new Date()를 호출하면, 현재 시스템의 날짜와 시간을 가져옵니다.

const now = new Date();
console.log(now);
// 예시 결과: 2023-09-12T12:34:56.789Z

위 예제는 현재 날짜와 시간을 포함한 Date 객체를 생성합니다. 출력되는 시간은 국제 표준시(UTC) 기준으로 표시됩니다.

2. 특정 날짜와 시간 설정하기

Date 객체는 다양한 방법으로 특정 날짜와 시간을 설정할 수 있습니다. 년, 월, 일, 시, 분, 초를 지정할 수 있습니다.

const date1 = new Date('2024-09-12');
console.log(date1);  // 결과: Thu Sep 12 2024

const date2 = new Date(2024, 8, 12);  // 월은 0부터 시작하므로 8은 9월을 의미
console.log(date2);  // 결과: Thu Sep 12 2024

위 예제에서는 문자열로 날짜를 지정하거나, 년, 월, 일을 숫자로 지정하여 Date 객체를 생성할 수 있습니다. 여기서 주의할 점은 월은 0부터 시작하므로, 9월을 나타내려면 8을 입력해야 합니다.

시간 관련 메서드

Date 객체는 날짜와 시간을 다룰 수 있는 다양한 메서드를 제공합니다. 이를 통해 날짜의 특정 요소를 가져오거나, 변경할 수 있습니다.

1. 시간 가져오기

다음 메서드들을 사용하면 Date 객체에서 시간 정보를 가져올 수 있습니다:

const now = new Date();

console.log(now.getFullYear());  // 연도 가져오기
console.log(now.getMonth());     // 월 가져오기 (0부터 시작)
console.log(now.getDate());      // 일 가져오기
console.log(now.getHours());     // 시 가져오기
console.log(now.getMinutes());   // 분 가져오기
console.log(now.getSeconds());   // 초 가져오기

위 메서드들을 사용하면 날짜와 시간의 각 요소를 개별적으로 가져올 수 있습니다. getMonth()는 0부터 시작하므로, 9월을 의미하는 값은 8입니다.

2. 시간 설정하기

날짜와 시간을 설정하는 메서드도 있습니다. 이 메서드들을 사용하면 Date 객체의 시간을 수정할 수 있습니다.

const now = new Date();

now.setFullYear(2025);  // 연도를 2025년으로 변경
now.setMonth(5);        // 월을 6월로 변경 (0부터 시작)
now.setDate(15);        // 일을 15일로 변경

console.log(now);  // 결과: Sun Jun 15 2025

위 예제에서는 setFullYear(), setMonth(), setDate() 메서드를 사용해 Date 객체의 날짜 정보를 수정했습니다.

날짜 간격 계산하기

JavaScript의 Date 객체는 두 날짜 간의 차이를 밀리초 단위로 계산할 수 있습니다. 이를 활용해 특정 기간이 얼마나 지났는지 또는 앞으로 얼마나 남았는지 계산할 수 있습니다.

const startDate = new Date('2024-01-01');
const endDate = new Date('2024-12-31');

const diffTime = endDate - startDate;  // 밀리초 단위 차이
const diffDays = diffTime / (1000 * 60 * 60 * 24);  // 일 단위로 변환

console.log(diffDays);  // 결과: 365

위 예제에서는 두 날짜 간의 차이를 계산하여 일 수로 변환했습니다. 밀리초를 초, 분, 시간, 일 단위로 변환하여 쉽게 날짜 간의 차이를 계산할 수 있습니다.

날짜 형식 지정하기

Date 객체를 사용하면 다양한 형식으로 날짜를 출력할 수 있습니다. 특히 toLocaleDateString()와 toLocaleTimeString() 메서드를 사용하면, 로케일에 맞는 형식으로 날짜와 시간을 출력할 수 있습니다.

const now = new Date();

// 로케일에 맞는 날짜 출력
console.log(now.toLocaleDateString('en-US'));  // 결과: 9/12/2024
console.log(now.toLocaleDateString('ko-KR'));  // 결과: 2024. 9. 12.

// 로케일에 맞는 시간 출력
console.log(now.toLocaleTimeString('en-US'));  // 결과: 12:34:56 PM
console.log(now.toLocaleTimeString('ko-KR'));  // 결과: 오후 12:34:56

위 예제에서는 toLocaleDateString()와 toLocaleTimeString() 메서드를 사용해 날짜와 시간을 각 로케일에 맞게 출력했습니다. en-US는 미국 형식, ko-KR은 한국 형식입니다.

UTC 시간 사용하기

JavaScript의 Date 객체는 기본적으로 로컬 시간대를 사용하지만, UTC(협정 세계시)를 기준으로 날짜와 시간을 다룰 수도 있습니다. 이를 위해 getUTCFullYear(), getUTCHours() 등의 메서드를 사용할 수 있습니다.

const now = new Date();

console.log(now.getUTCFullYear());  // UTC 기준 연도
console.log(now.getUTCHours());     // UTC 기준 시

위 메서드들은 UTC 기준으로 날짜와 시간을 가져옵니다. UTC 시간은 전 세계에서 동일한 시간대를 사용하기 때문에, 시간대 차이가 있는 시스템 간 시간 동기화에 유용하게 사용됩니다.

타임스탬프 다루기

Date 객체는 1970년 1월 1일 자정(UTC)을 기준으로 경과한 시간을 타임스탬프(밀리초)로 나타낼 수 있습니다. getTime() 메서드를 사용하면 현재 시간을 타임스탬프로 반환받을 수 있습니다.

const now = new Date();
const timestamp = now.getTime();
console.log(timestamp);  // 결과: 1694568896789 (예시 값)

타임스탬프는 숫자 값으로 처리되기 때문에, 두 날짜 간의 연산을 할 때 유용하게 사용할 수 있습니다. 예를 들어, 특정 시간 동안 지연 작업을 하거나 두 시간 간격을 계산할 때 활용할 수 있습니다.

결론

JavaScript의 Date 객체는 날짜와 시간을 다루기 위한 강력한 도구입니다. 현재 시간 가져오기, 특정 날짜 설정, 날짜 간격 계산, 로컬 시간 출력 등 다양한 작업을 효율적으로 처리할 수 있습니다. 실무에서 Date 객체를 적절히 활용하면 날짜 기반의 데이터를 더 정확하게 관리하고 처리할 수 있습니다. 프로젝트에서 날짜와 시간을 다룰 때 Date 객체의 다양한 메서드를 활용하여 더 나은 코드를 작성해보세요!