Day.js는 경량화된 JavaScript 날짜 및 시간 라이브러리입니다. Moment.js와 유사한 API를 제공하지만 Day.js는 크기가 작고 성능이 우수하여 많은 개발자들에게 인기가 있습니다. 다음은 Day.js의 주요 기능과 다양한 사용법을 예시로 보여드리겠습니다.
설치:
Day.js를 사용하기 위해 먼저 프로젝트에 Day.js를 설치해야 합니다. npm 또는 yarn을 사용하여 설치할 수 있습니다.
npm install dayjs
또는
yarn add dayjs
기본 사용법:
Day.js를 사용하기 위해 먼저 모듈을 import해야 합니다.
import dayjs from 'dayjs';
현재 날짜 및 시간 가져오기:
const now = dayjs(); // 현재 날짜 및 시간
console.log(now.format('YYYY-MM-DD HH:mm:ss')); // 출력: 현재 날짜 및 시간 포맷
특정 날짜 및 시간 파싱:
const date = dayjs('2023-07-05');
console.log(date.format('YYYY-MM-DD')); // 출력: 2023-07-05
날짜 및 시간 포맷팅:
const now = dayjs();
console.log(now.format('YYYY-MM-DD HH:mm:ss')); // 출력: 현재 날짜 및 시간 포맷
날짜 및 시간 연산:
const date = dayjs('2023-07-05');
const tomorrow = date.add(1, 'day');
console.log(tomorrow.format('YYYY-MM-DD')); // 출력: 2023-07-06
플러그인 사용:
Day.js는 다양한 플러그인을 제공하여 추가 기능을 확장할 수 있습니다. 예를 들어, Day.js의 상대적인 시간 표시를 제공하는 dayjs/plugin/relativeTime
플러그인을 사용해 보겠습니다.
플러그인 설치:
npm install dayjs/plugin/relativeTime
또는
yarn add dayjs/plugin/relativeTime
플러그인 사용:
import dayjs from 'dayjs';
import relativeTime from 'dayjs/plugin/relativeTime';
dayjs.extend(relativeTime);
const date = dayjs('2023-07-05');
console.log(date.fromNow()); // 출력: 2 years ago
위의 코드에서 fromNow()
메서드는 현재 날짜와의 차이를 상대적인 시간으로 표시합니다.
Day.js는 이외에도 많은 기능과 옵션을 제공합니다. 날짜
및 시간 형식 지정, 로케일 처리, 시간대 변환 등 다양한 작업을 수행할 수 있습니다. Day.js의 공식 문서를 참조하여 더 많은 기능과 사용법을 확인할 수 있습니다.