dayjs

agnusdei·2023년 7월 5일
0
post-custom-banner

Day.js는 경량화된 JavaScript 날짜 및 시간 라이브러리입니다. Moment.js와 유사한 API를 제공하지만 Day.js는 크기가 작고 성능이 우수하여 많은 개발자들에게 인기가 있습니다. 다음은 Day.js의 주요 기능과 다양한 사용법을 예시로 보여드리겠습니다.

  1. 설치:
    Day.js를 사용하기 위해 먼저 프로젝트에 Day.js를 설치해야 합니다. npm 또는 yarn을 사용하여 설치할 수 있습니다.

    npm install dayjs

    또는

    yarn add dayjs
  2. 기본 사용법:
    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
  3. 플러그인 사용:
    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의 공식 문서를 참조하여 더 많은 기능과 사용법을 확인할 수 있습니다.

post-custom-banner

0개의 댓글