[신승헌] sprint10

components/Boards/CommentList.tsx

@@ -1,8 +1,9 @@
 import ProfileDefault from "@/public/images/profile_default.png";
 import EmptyComments from "@/public/images/Img_reply_empty.png";
 import { Comment } from "@/types";
-import formatDate from "@/utils/formatDate";
+
 import Image from "next/image";
+import formatTimeAgo from "@/utils/formatTimeAgo";
 
 export default function CommentList({ comments }: { comments: Comment[] }) {
   return (
@@ -22,7 +23,7 @@ export default function CommentList({ comments }: { comments: Comment[] }) {
                 <div>
                   <p className="text-gray-600">{comment.writer.nickname}</p>
                   <p className="text-gray-400">
-                    {formatDate(comment.updatedAt)}
+                    {formatTimeAgo(comment.updatedAt)}
                   </p>
                 </div>
               </div>

utils/formatTimeAgo.ts

@@ -0,0 +1,20 @@
+export default function formatTimeAgo(dateString: string): string {
+  const currentDate: Date = new Date();
+  const pastDate: Date = new Date(dateString);
+
+  const passedMilliseconds: number = currentDate.getTime() - pastDate.getTime();
+  const passedSeconds: number = Math.floor(passedMilliseconds / 1000);
+  const passedMinutes: number = Math.floor(passedSeconds / 60);
+  const passedHours: number = Math.floor(passedMinutes / 60);
+  const passedDays: number = Math.floor(passedHours / 24);
+
+  if (passedSeconds < 60) {
+    return `${passedSeconds}초 전`;
+  } else if (passedMinutes < 60) {
+    return `${passedMinutes}분 전`;
+  } else if (passedHours < 24) {
+    return `${passedHours}시간 전`;
+  } else {
+    return `${passedDays}일 전`;
+  }
+}