react 프론트에서 dayjs사용해보기

sunny·2022년 12월 5일
1

react

목록 보기
10/11
post-custom-banner

아래 이미지처럼 'ㅇㅇ시간 전'이라는 표현을 많이 사용한다.
dayjs로 간편하게 표현할 수 있다.

dayjs 설치

npm install dayjs

dayjs import

import dayjs from "dayjs";
import relativeTime from "dayjs/plugin/relativeTime";
import "dayjs/locale/ko"; // 한국어 가져오기

dayjs.extend(relativeTime);
dayjs.locale("ko");

dayjs 사용하기

<span className="product-date">
	{dayjs(product.createdAt).fromNow()}
</span>

생각
javascript에서 날짜를 계산하기위해 산술계산을 해서 방금전, 1분전,... 한달전, 1년전...
이런 표현을 만들었던 것이 생각난다.
dayjs를 사용해서 편하게 사용할 수 있었다니 역시 찾아보면 다 있다.

profile
Believe in yourself :)
post-custom-banner

0개의 댓글