시간을 표현하는 유용한 Javascript 오픈라이브러리 MOMENT.JS

오늘은 개발을 하면서 쓰기 좋은 오픈 라이브러리 하나를 소개하고자합니다.

개발을 하다보면 시간을 여러가지 포멧으로 표시하게 되는대요.

바로 이 시간을 표시하는대 좋은 라이브러리 입니다.

Moment.js라는 라이브러리입니다. JavaSacript용 라이브러리여서 웹 개발을 하는대 많은 도웁이 됩니다.

사용 하면서 가장 유용한 기능은 페이스북처럼 시간을 몇분전, 한시간전, 하루전 과 같이 표시 할수 있다는 점입니다.

(이것을 직접 다 만든다면 쉬운 일은 아니죠)

JavaScript에서 사용 가능한 라이브리리여서 Node.js에서는 NPM으로 설치하여 사용할수 있습니다.

사용법을 잠시 보자면

스크립트를 웹사이트 소스에 포함한후 아래와 같이 사용합니다.

moment().format('MMMM Do YYYY, h:mm:ss a'); // January 15th 2018, 8:58:22 am
moment().format('dddd');                    // Monday
moment().format("MMM Do YY");               // Jan 15th 18
moment().format('YYYY [escaped] YYYY');     // 2018 escaped 2018
moment().format();                         

페이스북과 같은 시간 표시를 하려면 아래오 같이 사용합니다.

그리고 스크립트의 포함을

moment.js이 아닌 moment-with-locales.js 을 사용해야 합니다.

moment("20111031", "YYYYMMDD").fromNow(); // 6 years ago
moment("20120620", "YYYYMMDD").fromNow(); // 6 years ago
moment().startOf('day').fromNow();        // 9 hours ago
moment().endOf('day').fromNow();          // in 15 hours
moment().startOf('hour').fromNow();      

그리고 그냥 사용하면 영어로 나올탠대요 지역을 한국으로 설정해주면 한글로 표시됩니다.

moment.locale('ko');        

그리고 사이트를 보면 시차를 이용한 라이브러리도 있지만 사용해본적은 없습니다.

타임스템프를 이용해서 사용도 가능하니 시간을 표현할때 유용하게 쓰셨으며합니다.