[ Javascript ] day.js 사용하기

moment.js를 사용하던 도중 아래와 같은 경고문이 자꾸 나와서 day.js로 변경하였습니다.

 

moment.js를 사용하던 도중 나오던 경고문

Deprecation warning: value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions.

 

moment.js가 여전히 많이들 사용하고 있지만, 업데이트가 1년전부터 완전히 멈춰있었습니다.

저도 문제없이 사용하던 중에 위와같은 경고문을 발견한 이후로 다른걸로 바꿔봐야 겠다는 생각을 했습니다.

 

그러던 중에 day.js를 발견했습니다.

내용을 읽어보니 Moment.js와 호환되는 API를 사용해서 최신 브라우저의 날짜와 시간을 구문 분석, 유효성 검사, 조작 및 표시하는 Javascript 라이브러리라고 합니다.

Moment.js와 사용법이 매우 유사하다고 생각합니다.

사용을 해봤는데 import를 해준 이후 moment부분을 dayjs로 바꿔줬을 뿐인데, 잘 작동됐습니다.

한국어 지원도 하고 있기에 day.js로 갈아타버렸습니다.

 

npm

$ npm install dayjs

 

dayjs 불러오기

import dayjs from 'dayjs';
// 한글화
import 'dayjs/locale/ko';
dayjs.locale('ko');

 

.format()을 사용해서 dayjs 불러오기

dayjs().format("YYYY년 MM월 DD일 a h:mm:ss")

 

.fromNow()를 사용해서 dayjs 불러오기

.fromNow()를 사용하기 위해서는 몇가지를 더 추가해 줘야합니다.

 

relativeTime 불러오기

import relativeTime from 'dayjs/plugin/relativeTime';
dayjs.extend(relativeTime);

 

.formNow() 불러오기

dayjs().fromNow()

 

moment.js와 내용은 똑같이 나오기 때문에 따로 정리해 두지는 않았습니다.

 

moment.js 확인하러 가기