[JavaScript] 📚 Day.js 사용법.

목차

JavaScript를 사용하다 보면 가장 불편한 것이 바로 시간을 출력하고 계산할 때이다. 흔히 new Date()를 이용하여 날짜를 출력하는데 원래 자바스크립트 창시자 브랜든 아이크가 Java에서 사용하던 시간 기능을 그대로 가져와 사용하다 보니, 현재 자바에서도 쓰이지 않는 기능을 그대로 사용하고 있어서 이런 문제가 발생한다. 

 

물론 new.Intl 함수나 앞으로 나올 신기능 Temporal을 활용해보는 것도 좋지만 다른 대안은 Day.js를 사용하는 것도 있다. 그래서 가끔식은 new Date() 말고 Day.js를  사용하여 날짜 작업을 하다보면 매우 편리함을 느낄 수 있다. 그럼 이 글에서 Day.js 사용법을 간략히 알아보자. 

---

Day.js 간략한 사용법.

dayjs()에 날짜와 시간을 입력하고 date 변수에 넣은 다음 다음과 같이 사용하면 된다.

JavaScript

import dayjs from 'dayjs';
const date = dayjs('2023-02-24 10:30:21')

console.log(date.year()) // 2023 (연도)
console.log(date.month() + 1) // 2 (월)
console.log(date.date()) // 24 (일)
console.log(date.hour()) // 10 (시)
console.log(date.minute()) // 30 (분)
console.log(date.second()) // 21 (초)
console.log(date.format('YYYY년 MM월 DD일 HH시 mm분')) // '2023년 02월 24일 10시 30분 21초'

---

format() 사용법

format()를 사용하면 출력 방식을 변경시킬 수 있습니다.

JavaScript

import dayjs from 'dayjs';
const date = dayjs("2023-02-15 20:15:25", "YYYY-MM-DD HH:mm:ss");

console.log(date.format()); // 2023-02-15T20:15:25+09:00
console.log(date.format("YY-MM-DD")); // 23-02-15
console.log(date.format("DD/MM/YY")); // 15/02/23
console.log(date.format("YYYY.MM.DD HH:mm:ss")); // 2023.02.15 20:15:25
console.log(date.format("YYYY년MM월DD일 HH:mm:ss")); // 2023년02월15일 20:15:25

JavaScript

import dayjs from 'dayjs';
const now = dayjs();
now.format();

const date1 = dayjs("2023-02-24 10:30:21");
console.log(date1.format()); // 2023-02-24T10:30:21+09:00

const date2 = dayjs("2023-02-24 10:30:21", "YYYY.MM.DD");
console.log(date2.format()); // 2023-02-24T10:30:21+09:00

const date3 = dayjs("02/24/23", "MM/DD/YY");
console.log(date3.format()); // 2023-02-24T00:00:00+09:00

const date4 = dayjs("2023-02-24 10:30:21", "YYYY-MM-DD HH:mm:ss");
console.log(date4.format()); // 2023-02-24T10:30:21+09:00

---

get() 사용법.

get() 함수를 이용하여 날짜와 시간 값을 구할 수 있다.

JavaScript

import dayjs from 'dayjs';
const now = dayjs();

now.format(); // 2022-05-24T19:03:02+09:00

console.log(now.get("year")); // 2023 (년)
console.log(now.get("y")); // 2023 (년)

console.log(now.get("month")); // 1 (월 - 0~11) 실제로는 2월임
console.log(now.get("M")); // 1 (월 - 0~11) 실제로는 2월임

console.log(now.get("date")); // 15 (일)
console.log(now.get("D")); // 15 (일)

console.log(now.get("day")); // 수요일 (요일 - 일요일 : 0, 토요일 : 6)
console.log(now.get("d")); // 수요일 (요일 - 일요일 : 0, 토요일 : 6)

console.log(now.get("hour")); // 22 (시)
console.log(now.get("h")); // 22 (시)

console.log(now.get("minute")); // 11 (분)
console.log(now.get("m")); // 11 (분)

console.log(now.get("second")); // 32 (초)
console.log(now.get("s")); // 32 (초)

console.log(now.get("millisecond")); // 696 (밀리초)
console.log(now.get("ms")); // 696 (밀리초)

---

add() 사용법.

add() 함수를 이용하면 날짜에 시간을 더할 수 있다.

JavaScript

import dayjs from 'dayjs';
const date = dayjs('2023-02-24 10:30:21')

console.log(date.add(1, "year").format()); // 2024년
console.log(date.add(1, "month").format()); // 3월 24일
console.log(date.add(1, "week").format()); // 3월 3일

---

subtract() 사용법

subtract() 함수를 이용하면 날짜에서 시간을 뺼 수 있다.

JavaScript

import dayjs from 'dayjs';
const date = dayjs('2023-02-24 10:30:21')

console.log(date.subtract(1, "year").format()); // 2022년
console.log(date.subtract(1, "month").format()); // 1월 24일
console.log(date.subtract(1, "week").format()); // 2월 17일

---

참고 문헌

• 1Dayjs 사용법
• 2Moment.js를 Day.js로 대체하기
• 3Day.js를 활용하여 날짜 및 시간 조작