개발새발 로그

React, Express, MongoDB - 타임스탬프로 게시글 작성시간 수정시간 추가 - MomentJS 본문

MERN

React, Express, MongoDB - 타임스탬프로 게시글 작성시간 수정시간 추가 - MomentJS

이즈흐 2023. 7. 1. 21:29

 

게시글을 정렬할 때 필요한 게시글 작성시간과 수정시간을 추가해보자

 

 

 

1. 게시글 리스트를 시간순으로 정렬하는 기능을 만들 때 게시글이 작성된 시간 데이터가 필요하다

2. 몽구스 모델을 만들 때 위 처럼 timestamps : true 속성을 주면 아래와 같이 시간데이터를 삽입할 수 있다.

3. 저장된 createdAt을 출력해보면 아래와 같이 뜨게된다.

 -이는 자바스크립트의 Date함수로 만들어진 시간을 그대로 저장하기 때문에 이렇게 뜨게된다.

- 이 시간을 알아볼 수 있도록 Moment.js 라이브러리를 사용할 것이다.

npm i moment --save

https://momentjs.com/

 

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