timeago.js 라이브러리를 이용해 몇시간전.. 구현하기

 

✅ timeago.js 라이브러리는 내가 작성한 글을 등록했을때 디테일한 부분보단 방금전,한시간전 이런식으로

UI에 보여줄 수 있는 간편한 라이브러리 이다. :)

 

https://www.npmjs.com/package/timeago.js/v/4.0.0-beta.3

timeago.js

 

api로 데이터를 가져왔을때는 날짜부터 디테일한 부분이 표시가 되는데 위의 방법보단 6개월 전이 훨씬 보기가 좋다 

그리고 한국어이다 :) 

 

✅ 라이브러리 사용해보기 

1. npm 설치

 

2. import  해주기

import { format, render, cancel, register } from 'timeago.js';

 

// or

import * as timeago from 'timeago.js';

 

 

3. 한국어로 표시되게 하고 싶다면?

 

import koLocale from 'timeago.js/lib/lang/ko'

register('ko',koLocale)

 

<p>{format(publishedAt,'ko')}</p>

위와 같이 설정을 해주면 한국어로 표시가 된다.