[Moment.js] Javascript 날짜 표현 시 사용할 수 있는 라이브러리 추천

Moment JS

홈페이지: https://momentjs.com/

MomentJS는 자바스크립트에서 날짜 형식의 데이터를 파싱, 유효성 체크, 조작, 화면에 출력을 쉽게 할 수 있도록 도와주는 라이브러리입니다.

물론 VanillaJS 만을 이용해서 날짜를 표현할 수 있지만, 솔직히 아주 불편한 것은 기본이고 코드 또한 길어집니다. 한번쯤 javascript에서 날짜 형식을 표현하거나 파싱을 해본 사람이라면 불편함을 느꼈을 것이라고 생각합니다.

이러한 불편함을 말끔하게 해소기켜주는 것이 MomentJS 입니다. 사용함에 있어 간단함은 물론이고 한글지원까지 해주니 아주 필수 JS 라이브러리라고 해도 손색이 없을 것 같습니다.

Moment.js 다운로드

다운로드 방법은 아래 보이시는 것처럼 환경에 맞게 사용하시면 되겠습니다.

bower install moment --save # bower

npm install moment --save   # npm

Install-Package Moment.js   # NuGet

spm install moment --save   # spm

meteor add momentjs:moment  # meteor

# cdn
https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.0/moment.min.js  # core
https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.0/locale/ko.js   # 언어팩

간단한 예제

현제시각 :

날짜 형식(Format Dates)

moment().format('MMMM Do YYYY, h:mm:ss a');    // 3월 20일 2017, 5:07:000 오후
moment().format('dddd');    // 월요일
moment().format("MMM Do YY");    // 3월 20일 17
moment().format('YYYY [escaped] YYYY');    // 2017 escaped 2017
moment().format();    // 2017-03-20T17:07:00+09:00

상대적 시간(Relative Time)

moment("20111031", "YYYYMMDD").fromNow();    // 5년 전
moment("20120620", "YYYYMMDD").fromNow();    // 5년 전
moment().startOf('day').fromNow();    // 17시간 전
moment().endOf('day').fromNow();    // 7시간 후
moment().startOf('hour').fromNow();    // 7분 전

간단한 예제만 살펴본 것이며 좀 더 자세한 사용방법은 공식사이트(https://momentjs.com/)를 방문하시면 살펴볼 수 있습니다.