[JavaScript] 날짜 컨트롤은 moment

javascript #js #라이브러리 #자바스크립트 #제이쿼리안녕 #모먼트js #moment.js

포스팅 목차 바로가기

안녕하세요, 배곧동개발자 입니다.

오늘 새로운 자바스크립트 라이브러리를 알게되어(이제야?) 슬쩍 사용법을 정리할 겸 소개도 할 겸 올려봅니다-

자바스크립트로 날짜 관련된 컨트롤 하기 여간 화딱지나는게 아니지요? new Date() 선언 하고 뭐 포멧 어쩌구 저쩌구… 이거 하나 쓰면 편리합니다-

1. moment.js

인터넷 기사에서 제이쿼리가 죽어가고있고 lodash, moment가 뜨고있다고 해서 뭔가해서 찾아본 moment.js ! 다른것보다 날짜 관련된 컨트롤이 아주 예술인 라이브러리였습니다-

다운 받아 쓰는거야 제이쿼리와 같이 공식사이트 가서 js파일 다운받은 다음 임포트 시켜 사용하면 끝- (공식사이트 링크 : https://momentjs.com/ )

2. 사용방법

간단히 사용법들을 좀 봐볼까요?

moment(); // 2021-04-20T15:02:41+09:00

그냥 moment() 라고 하면 저렇게 뜹니다. date()와 같다고 보시면 되요- 자 이제 이게 왜 쉬운지를 따져봅시다.

moment().format("YYYY-MM-DD"); // 2021-04-20
moment().format("YYYY.MM.DD"); // 2021.04.20

moment("2021-12-21","YYYY-MM-DD").format("YYYY.MM.DD") // 2021.12.21
moment("2021.12.21","YYYY.MM.DD").format("YYYY-MM-DD") // 2021-12-21

이렇게 포멧을 설정하는 것도 아주 쉽고, 날짜를 넣는것도 아주 쉽습니다. 그냥 한줄로 끄읕-

moment().add(1,"months").format("YYYY-MM-DD"); // 2021-05-20
moment().add(5,"days").format("YYYY-MM-DD"); // 2021-04-25

이런식으로 날짜를 넣고 빼는 것도 쉽지요! 빼는거는 subtract를 쓰시면 됩니다.

const dateA = moment("2020-10-02","YYYY-MM-DD");
const dateB = moment("2020-10-08","YYYY-MM-DD");

dateA.from(dateB); // 6 days ago

dateB.diff(dateA, "days"); // 6

날짜 비교하는거, 아주 많이 사용되지요? 이렇게 from을 쓰거나 diff를 써서 확인이 가능하답니다-

이외에도 많은 기능들이 있으니 자바스크립트로 날짜 컨트롤 할 때에 스트레스 받아하지 말고 한번 써보세요-

이만, 배곧동개발자 였습니다.

배곧동개발자