210803 개발기록: moment.js

 

🗓  Moment.js

moment.js 는 javascript 에서 특정 형태의 날짜를 다룰 때 사용할 수 있는 Date-time library 다.

브라우저에 따라 시간대가 다른 경우 혹은 원하는 형태의 날짜를 다루고 싶을 때 moment.js 를 사용하면 유용하다.

 

moment.js 를 몰랐을 땐 자바스크립트 날것의 date 객체를 원하는 날짜 형태(ex YYYYMMDD) 로  바꾸는 일이 번거로웠다.

1월이나 2월 처럼 한자릿수 월에는 0을 앞에 꼭 붙여야했고 (일자도 마찬가지), 각각의 년,월,일을 다시 하나의 날짜로 합쳐여 하니 여간 번거로운 일이 아닐 수 없었다.

 

❌  moment.js 를 사용하지 않을 때  ❌

export const eightStringDate = (): string => {
    const DATE = new Date()
    const year = String(DATE.getFullYear())
    let month = String(DATE.getMonth() + 1);
    let date = String(DATE.getDate());
    month = month.length < 2 ? '0' + month : month
    date = date.length < 2 ? '0' + date : date
    return year + month + date;
}

moment 없이 여덟글자(YYYYMMDD) 형태의 날짜를 만들 때 작성한 코드이다. YYYYMMDD 형태의 여덟 문자를 뽑기 위해 부수적인 코드가 많이 사용된다.

 

🔵  moment.js 를 사용할 때  🔵 

 

moment 라이브러리 설치

$ npm i moment
// or
$ yarn add moment

 

import moment from "moment";

export const eightStringDate = (): string => {
  const Date = new Date();
  return moment(DATE).format("YYYYMMDD"); // 20210803
}

우선 moment 라이브러리를 import 한다.

moment() 라는 함수에 날짜 객체를 넣은 후 format() 메서드를 사용하면 개발자가 원하는 형태의 날짜를 출력할 수 있다.

기존 코드에 비해 5줄 이나 줄어들었다.

 

날짜 뿐만 아니라 시간 또한 원하는 포맷으로 출력할 수 있다.

export const gmtDate = (): string => {
    const DATE = new Date();
    return moment(DATE).format("YYYY-MM-DD HH:MM:SS") // 2021-08-03 09:00:00
};

 

moment 라이브러리를 사용하면, 원하는 포맷의 날짜를 출력하기 훨씬 수월해진다! 모두 애용하도록 하자 :)