day.js 날짜 라이브러리 (글 작성 경과 시간 구현)

 

Day.js · 2kB JavaScript date utility library

 

 

1. All time : dayjs가 엄청 밑에 있다가 모멘트쪽까지 치고 올라옴

출처: https://npmtrends.com/date-fns-vs-dayjs-vs-moment

 

2. Day.js > from now 사용

npm install dayjs
# or
yarn add dayjs
# or
pnpm add dayjs

 

Day.js · 2kB JavaScript date utility library

 

 

✅ fromNow를 사용하기 위해서는 플러인 방식이여서 relativeTime 임포트해서 사용하기

//Post.tsx
import relativeTime from 'dayjs/plugin/relativeTime';
import 'dayjs/locale/ko';

dayjs.locale('ko'); //한글 플러그인
dayjs.extend(relativeTime)

:
:

return (
  <span>{dayjs(target.createAt).fromNow(true)}</span>
)

 

 

끝.

 

 

 

출처

https://www.inflearn.com/course/next-react-query-sns%EC%84%9C%EB%B9%84%EC%8A%A4