From 161622b5e0b3eca8c5dc1fdf6d228dafcca594e7 Mon Sep 17 00:00:00 2001
From: dbstj0403 <wcn09088@naver.com>
Date: Mon, 19 May 2025 19:02:42 +0900
Subject: [PATCH 1/2] =?UTF-8?q?Refactor:=20cheerData=20undefined=20?=
 =?UTF-8?q?=EC=B2=B4=ED=81=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/myPageDetail/MyPageDetailPage.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/myPageDetail/MyPageDetailPage.jsx b/src/pages/myPageDetail/MyPageDetailPage.jsx
index 8f7d445..779d491 100644
--- a/src/pages/myPageDetail/MyPageDetailPage.jsx
+++ b/src/pages/myPageDetail/MyPageDetailPage.jsx
@@ -65,7 +65,7 @@ const MyPageDetailPage = () => {
         )}
 
         {kind === "응원" &&
-          cheersData.map((item) => (
+          cheersData?.map((item) => (
             <StoryItem item={item} key={item.storyId} />
           ))}
       </div>

From 73e23f16614bbb6798f6aa06a7aa3ac46b45da92 Mon Sep 17 00:00:00 2001
From: dbstj0403 <wcn09088@naver.com>
Date: Mon, 19 May 2025 19:12:06 +0900
Subject: [PATCH 2/2] =?UTF-8?q?Feat:=20=EB=A6=AC=EB=B7=B0/=EC=9D=91?=
 =?UTF-8?q?=EC=9B=90=ED=95=9C=20=EC=8A=A4=ED=86=A0=EB=A6=AC=EA=B0=80=20?=
 =?UTF-8?q?=EC=97=86=EC=9D=84=20=EB=95=8C=20=EB=B3=B4=EC=9D=B4=EB=8A=94=20?=
 =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/myPageDetail/MyPageDetailPage.jsx | 40 ++++++++++++++++-----
 1 file changed, 32 insertions(+), 8 deletions(-)

diff --git a/src/pages/myPageDetail/MyPageDetailPage.jsx b/src/pages/myPageDetail/MyPageDetailPage.jsx
index 779d491..a49a1f3 100644
--- a/src/pages/myPageDetail/MyPageDetailPage.jsx
+++ b/src/pages/myPageDetail/MyPageDetailPage.jsx
@@ -5,6 +5,7 @@ import review from "/svgs/myPage/review.svg";
 import { useGetReviews, useGetCheers } from "@/apis/myPage/queries";
 import ReviewItem from "@/pages/myPageDetail/components/ReviewItem";
 import StoryItem from "@/pages/myPageDetail/components/StoryItem";
+import noResult from "/svgs/myPage/noResult.svg";
 
 const MyPageDetailPage = () => {
   const navigate = useNavigate();
@@ -27,7 +28,7 @@ const MyPageDetailPage = () => {
 
       {kind === "리뷰" && (
         <div className="flex justify-between items-center px-5">
-          <div className="flex gap-2 items-center">
+          <div className="flex gap-2 items-center my-2">
             <img src={review} className="w-8 h-8" />
             <p className="h3">내가 작성한 리뷰</p>
           </div>
@@ -58,16 +59,39 @@ const MyPageDetailPage = () => {
       <div className="flex flex-col gap-4 w-full bg-gray-2 p-5 min-h-screen">
         {kind === "리뷰" && (
           <>
-            {reviewsData?.map((item, idx) => (
-              <ReviewItem data={item} key={idx} />
-            ))}
+            {reviewsData?.length > 0 ? (
+              reviewsData.map((item, idx) => (
+                <ReviewItem data={item} key={idx} />
+              ))
+            ) : (
+              <div className="flex flex-col justify-center items-center mt-36">
+                <img src={noResult} />
+                <p className="h4 text-gray-9 text-center py-8">
+                  아직 작성한 리뷰가
+                  <br /> 없어요
+                </p>
+              </div>
+            )}
           </>
         )}
 
-        {kind === "응원" &&
-          cheersData?.map((item) => (
-            <StoryItem item={item} key={item.storyId} />
-          ))}
+        {kind === "응원" && (
+          <>
+            {cheersData?.length > 0 ? (
+              cheersData.map((item) => (
+                <StoryItem item={item} key={item.storyId} />
+              ))
+            ) : (
+              <div className="flex flex-col justify-center items-center mt-36">
+                <img src={noResult} />
+                <p className="h4 text-gray-9 text-center py-8">
+                  아직 응원한 이야기가
+                  <br /> 없어요
+                </p>
+              </div>
+            )}
+          </>
+        )}
       </div>
     </div>
   );