React, JavaScript - 타임스탬프 날짜 변환

  {
    "id": 1,
    "title": "결백",
    "imgUrl": "",
    "rating": 2,
    "content": "유명 로펌의 에이스 변호사 ‘정인(신혜선)’은 아빠의 장례식장에서 농약 막걸리 살인사건이 일어났음을 알게 된다. 치매에 걸린 엄마 ‘화자(배종옥)’가 용의자로 지목되고, 그녀의 결백을 주장하기 위해 고향으로 내려가 직접 변호를 맡는다. 사건을 추적하던 중 시장 ‘추인회(허준호)’를 중심으로 한 마을 사람들의 조직적 은폐와 거짓 진술 등 수상한 정황을 포착한 ‘정인’. 그날의 기억을 모두 잃은 ‘화자’의 결백을 입증하기 위해 모든 사람들과 맞서기 시작하는데…! 파헤칠수록 커지는 의혹, 과연 진실은 무엇인가?",
    "createdAt": 1591714800000,
    "updatedAt": 1591714800000
  },

function formatDate(value) { // 날짜 포맷 함수
  const date = new Date(value); // value 값으로 Date 객체 생성
  return `${date.getFullYear()}년 ${date.getMonth() + 1}월 ${date.getDate()}일 ${date.getHours()}시 ${date.getMinutes()}분 ${date.getSeconds()}초`; // 년, 월, 일, 시, 분, 초 반환
}

function ReviewCard({review}) {
  return(
    <div>
    {/* formatDate 함수를 사용하여 날짜와 시간을 특정 형식으로 포맷 */}
      <p>{formatDate(review.createdAt)}</p>
    </div>
  )
}
export default ReviewCard;

결과

 

또는 formatDate 함수를 사용하지 않고

다음과 같이 toLocalString을 사용

function ReviewCard({ review }) {
  return (
    <div>
      {/* toLocaleString()을 사용하여 브라우저 로케일에 맞게 날짜와 시간을 포맷 */}
      <p>{new Date(review.createdAt).toLocaleString()}</p>
    </div>
  );
}

export default ReviewCard;