Project2021

[api] moment.js

뱅타 2021. 6. 1. 00:23

db에서 date를 받아올 때 int로 받아올지 long으로(밀리세컨트 혹은 그 아래단위)를 받아와야할지 고민하다가

moment.js라는 떡밥을 주셔서 알게된 api입니다.

이 api는 시간계산하는 api로서 fullcalendar에서도 내부에서는 이 api가 사용된다고 합니다!!

그리고 db에서 굳이 Date 타입이나 int, long 타입으로 받아오지 않아도 String으로 vo로 받아오면 된다는 장점을 가지고 있습니다.

사용 방법은 아래 링크를 타고 들어가서

https://momentjs.com/

첫 페이지의 download에서 moment.js를 직접 받거나

cdn 파일로 주소로 사용해도 됩니다.

https://cdnjs.com/libraries/moment.js

저는 resources 폴더 하위에 직접 다운받은 js 파일을 붙여넣고

상단에 script를 불러오는 코드로 사용했습니다.

<script src="${cPath }/resources/js/moment.js"></script>

(${cPath}는 아래 사진과 같이 listner에 등록해 놓은 rootpath입니다)

그 후 moment("시간", "format").fromNow()로 사용했습니다.

그럼 맨 첫줄과 같이 시간의 경과에 따라 a day ago, 18 days ago 등등으로 잘 출력되는 것을 확인할 수 있습니다.

자세한 사용법은 위에서 올려둔 공식 홈페이지에서 자세히 알 수 있습니다. github에도 올려져 있으니 함께 보시면 좋을 듯 합니다.

https://momentjs.com/

728x90
반응형