JavaScript의 날짜 및 시간 처리 마스터하기

JavaScript의 날짜 및 시간 처리

JavaScript는 날짜 및 시간 작업을 위한 Date 객체를 제공합니다. 다목적이며 날짜 및 시간 값을 조작하고 형식을 지정하고 계산하는 다양한 방법을 제공합니다.

---

1. 날짜 객체 생성

Date 개체는 다양한 방법으로 생성할 수 있습니다.

아. 현재 날짜 및 시간

const now = new Date();
console.log(now); // Current date and time

베. 특정 날짜 및 시간

const specificDate = new Date("2023-12-31T23:59:59");
console.log(specificDate); // Output: 2023-12-31T23:59:59.000Z

ㄷ. 연, 월, 일 등을 활용

const date = new Date(2023, 11, 31, 23, 59, 59); // Month is zero-based (11 = December)
console.log(date); // Output: Sun Dec 31 2023 23:59:59

디. 타임스탬프

날짜 객체는 타임스탬프(UTC 1970년 1월 1일 이후의 밀리초)를 사용하여 초기화할 수 있습니다.

const timestamp = new Date(0);
console.log(timestamp); // Output: Thu Jan 01 1970 00:00:00 UTC

---

2. 날짜 및 시간 구성요소 가져오기

Date 개체는 날짜의 특정 부분을 추출하는 메서드를 제공합니다.

• 연도: getFullYear()
• 월: getMonth()(0-11, 여기서 0은 1월)
• 월요일: getDate()
• 요일: getDay() (0-6, 여기서 0은 일요일)
• 시간: getHours()
• 분: getMinutes()
• 초: getSeconds()
• 밀리초: getMilliseconds()

예:

const now = new Date();
console.log(now.getFullYear()); // Output: Current year
console.log(now.getMonth());    // Output: Current month (0-based)
console.log(now.getDate());     // Output: Current day of the month
console.log(now.getDay());      // Output: Current day of the week
console.log(now.getHours());    // Output: Current hour

---

3. 날짜 및 시간 수정

setter 메소드를 사용하여 날짜의 특정 구성요소를 변경할 수 있습니다.

• 연도 설정: setFullYear(년)
• 월 설정: setMonth(월)
• 날짜 설정: setDate(일)
• 시간 설정: setHours(시간)
• 분 설정: setMinutes(분)

예:

const date = new Date();
date.setFullYear(2025);
date.setMonth(11); // December
date.setDate(25);
console.log(date); // Output: A modified date

---

4. 날짜 및 시간 형식 지정

아. toISOString()

ISO 8601 형식으로 날짜를 반환합니다.

const now = new Date();
console.log(now.toISOString()); // Output: 2023-12-31T23:59:59.000Z

베. toLocaleString()

날짜와 시간을 로케일별 형식으로 반환합니다.

const now = new Date();
console.log(now.toLocaleString("en-US")); // Output: MM/DD/YYYY, HH:MM:SS AM/PM
console.log(now.toLocaleString("de-DE")); // Output: DD.MM.YYYY, HH:MM:SS

ㄷ. toDateString() 및 toTimeString()

• toDateString(): 날짜 부분만 반환합니다.
• toTimeString(): 시간 부분만 반환합니다.

const now = new Date();
console.log(now.toDateString()); // Output: Wed Dec 31 2023
console.log(now.toTimeString()); // Output: 23:59:59 GMT+0000

---

5. 날짜 차이 계산

날짜를 타임스탬프로 변환하여 차이를 계산할 수 있습니다.

예:

const date1 = new Date("2023-12-31");
const date2 = new Date("2024-01-01");
const difference = date2 - date1; // Difference in milliseconds
console.log(difference / (1000 * 60 * 60 * 24)); // Output: 1 day

---

6. 날짜 비교

비교 연산자를 사용하여 날짜를 비교하세요.

예:

const now = new Date();
console.log(now); // Current date and time

---

7. 시간대 작업

아. UTC 방식

• getUTCFullYear(), getUTCMonth(), getUTCDate() 등은 구성 요소를 UTC로 반환합니다.

const specificDate = new Date("2023-12-31T23:59:59");
console.log(specificDate); // Output: 2023-12-31T23:59:59.000Z

베. 시간대로 변환

고급 시간대 처리를 위해 moment.js 또는 date-fns와 같은 라이브러리를 사용하세요.

---

8. 타임스탬프 생성

아. 현재 타임스탬프

Date.now() 메서드는 현재 타임스탬프를 밀리초 단위로 반환합니다.

const date = new Date(2023, 11, 31, 23, 59, 59); // Month is zero-based (11 = December)
console.log(date); // Output: Sun Dec 31 2023 23:59:59

베. 날짜를 타임스탬프로 변환

.getTime() 메소드를 사용하세요.

const timestamp = new Date(0);
console.log(timestamp); // Output: Thu Jan 01 1970 00:00:00 UTC

---

9. 요약

• Date 객체는 날짜와 시간을 처리하는 데 강력합니다.
• getter 및 setter 메서드를 사용하여 날짜 구성 요소를 추출하거나 수정합니다.
• toISOString() 및 toLocaleString()과 같은 형식 지정 옵션을 사용하면 날짜 표시가 단순화됩니다.
• 고급 작업의 경우 moment.js 또는 date-fns와 같은 타사 라이브러리 사용을 고려해 보세요.

JavaScript의 날짜 및 시간 처리를 마스터하는 것은 일정 관리, 타임스탬프 및 현지화와 관련된 애플리케이션에 필수적입니다.

안녕하세요. 저는 Abhay Singh Kathayat입니다!
저는 프론트엔드와 백엔드 기술 모두에 대한 전문 지식을 갖춘 풀스택 개발자입니다. 저는 효율적이고 확장 가능하며 사용자 친화적인 애플리케이션을 구축하기 위해 다양한 프로그래밍 언어와 프레임워크를 사용하여 작업합니다.
제 비즈니스 이메일인 kaashshorts28@gmail.com으로 언제든지 연락주세요.

위 내용은 JavaScript의 날짜 및 시간 처리 마스터하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!