Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 안드로이드 스튜디오
- 백준
- 프로그래머스코테
- 프로그래머스
- 코테
- 백준알고리즘
- 백준js
- HTML5
- 백준골드
- js코테
- 리액트댓글기능
- 코딩테스트
- dp알고리즘
- 백준구현
- 자바스크립트
- 백준구현문제
- 알고리즘
- 프로그래머스JS
- 다이나믹프로그래밍
- 익스프레스
- 리액트
- css기초
- JS
- JS프로그래머스
- 포이마웹
- 리액트커뮤니티
- CSS
- HTML
- 백준nodejs
- 몽고DB
Archives
- Today
- Total
개발새발 로그
React, Express, MongoDB - 타임스탬프로 게시글 작성시간 수정시간 추가 - MomentJS 본문
게시글을 정렬할 때 필요한 게시글 작성시간과 수정시간을 추가해보자
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
'MERN' 카테고리의 다른 글
React, Express, MongoDB : 게시글 더 불러오기 기능 (0) | 2023.07.01 |
---|---|
React, Express, MongoDB : 검색 정렬기능 (0) | 2023.07.01 |
React, Express, Firebase, MongoDB : 마이페이지(photoURI 변경) 프로필 이미지 변경 (0) | 2023.06.30 |
React, Express : 댓글 삭제 기능 (0) | 2023.06.30 |
React, Express : 댓글 수정 기능 (0) | 2023.06.30 |