코드

function getTimeString(targetDate) {
  if (!targetDate) {
    return;
  }

  let now = new Date();

  // const target = new Date(`${targetDate.replace(/ /, 'T')}`)

  const milliSeconds = now - targetDate;

  const seconds = milliSeconds / 1000;
  if (seconds < 60) return `방금 전`;

  const minutes = seconds / 60;
  if (minutes < 60) return `${Math.floor(minutes)}분 전`;

  const hours = minutes / 60;
  if (hours < 24) return `${Math.floor(hours)}시간 전`;

  const days = hours / 24;
  if (days < 7) return `${Math.floor(days)}일 전`;

  const weeks = days / 7;
  if (weeks < 5) return `${Math.floor(weeks)}주 전`;

  const months = days / 30;
  if (months < 12) return `${Math.floor(months)}개월 전`;

  const years = days / 365;
  return `${Math.floor(years)}년 전`;
}

시간을 표시할 컴포넌트에 해당 함수를 실행시킨다. 매개변수로 createdAt, updatedAt 등 시간으로 표현된 string 을 전달한다.

몇 분 전 / 몇 시간 전 / 몇 일 전 등 시간 계산 함수

코드

코드

YUNSU BAE