MERN
React, Express, MongoDB - 타임스탬프로 게시글 작성시간 수정시간 추가 - MomentJS
이즈흐
2023. 7. 1. 21:29
게시글을 정렬할 때 필요한 게시글 작성시간과 수정시간을 추가해보자
1. 게시글 리스트를 시간순으로 정렬하는 기능을 만들 때 게시글이 작성된 시간 데이터가 필요하다
2. 몽구스 모델을 만들 때 위 처럼 timestamps : true 속성을 주면 아래와 같이 시간데이터를 삽입할 수 있다.
3. 저장된 createdAt을 출력해보면 아래와 같이 뜨게된다.
-이는 자바스크립트의 Date함수로 만들어진 시간을 그대로 저장하기 때문에 이렇게 뜨게된다.
- 이 시간을 알아볼 수 있도록 Moment.js 라이브러리를 사용할 것이다.
npm i moment --save
Moment.js | Home
Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYYYMMDD").fromNow(); moment("20120620", "YYYYMMDD"
momentjs.com
- 이 타입으로 시간을 표현할 것이다.
4. moment를 import해준다.
import moment from "moment";
import "moment/locale/ko"; //자동으로 지역이 한국으로 지정되지만 안된다면 import
5. SetTime함수를 작성한다. (수정 시간도 나타내게 위해)
6. 게시글 생성시간과 업데이트시간을 넣어준다.
728x90
반응형
LIST