From 5b65bd49b1902ee3824f0a7029ae1eeca5fb1b38 Mon Sep 17 00:00:00 2001
From: luli <nidor022@gmail.com>
Date: Mon, 25 Aug 2025 06:18:33 +0900
Subject: [PATCH 1/3] =?UTF-8?q?[#79]=20=EC=9D=B4=EA=B1=B4=20=EA=B7=B8?=
 =?UTF-8?q?=EB=83=A5=20=EC=BD=94=EB=93=9C=20=EC=88=9C=EC=84=9C=EB=A7=8C=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD=20(404=EA=B4=80=EB=A0=A8=20=EC=95=84?=
 =?UTF-8?q?=EB=8B=98...)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

이건 그냥 코드 순서만 변경
---
 src/hooks/use-image-loader.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/hooks/use-image-loader.jsx b/src/hooks/use-image-loader.jsx
index edfde97..8d09205 100644
--- a/src/hooks/use-image-loader.jsx
+++ b/src/hooks/use-image-loader.jsx
@@ -48,13 +48,13 @@ function useImageListLodeChecker(imageList = []) {
         }
 
         const img = new Image();
-        img.src = backgroundImageURL;
         img.onload = () => {
           setImageLoadStates((p) => ({ ...p, [id]: true }));
         };
         img.onerror = () => {
           setImageLoadStates((p) => ({ ...p, [id]: false }));
         };
+        img.src = backgroundImageURL;
 
         return prev;
       });

From 2fc60b456d5d0a6252eb8b921a86be799b81b9d5 Mon Sep 17 00:00:00 2001
From: luli <nidor022@gmail.com>
Date: Mon, 25 Aug 2025 06:37:42 +0900
Subject: [PATCH 2/3] =?UTF-8?q?[#109]=20image=20hook=20=EC=A1=B0=EA=B8=88?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

불필요한 리랜더링 방지.
---
 src/hooks/use-image-loader.jsx | 35 ++++++++++++++++++++++++----------
 1 file changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/hooks/use-image-loader.jsx b/src/hooks/use-image-loader.jsx
index 8d09205..f4dc4db 100644
--- a/src/hooks/use-image-loader.jsx
+++ b/src/hooks/use-image-loader.jsx
@@ -29,36 +29,51 @@ function useImageListLodeChecker(imageList = []) {
   useEffect(() => {
     if (!imageList.length) return;
 
+    let cancelled = false;
+
     setImageLoadStates((prev) => {
       const nextStates = { ...prev };
       imageList.forEach(({ id }) => {
-        if (nextStates[id] === undefined) {
-          nextStates[id] = false;
-        }
+        if (nextStates[id] === undefined) nextStates[id] = false;
       });
       return nextStates;
     });
 
+    const imageMap = {};
+
     imageList.forEach(({ id, backgroundImageURL }) => {
       setImageLoadStates((prev) => {
-        if (prev[id]) return prev;
+        if (prev[id] === true) return prev;
 
-        if (!backgroundImageURL) {
-          return { ...prev, [id]: false };
-        }
+        if (!backgroundImageURL) return { ...prev, [id]: false };
 
         const img = new Image();
+        imageMap[id] = img;
+
         img.onload = () => {
-          setImageLoadStates((p) => ({ ...p, [id]: true }));
+          if (!cancelled) {
+            setImageLoadStates((p) => ({ ...p, [id]: true }));
+          }
         };
+
         img.onerror = () => {
-          setImageLoadStates((p) => ({ ...p, [id]: false }));
+          if (!cancelled) {
+            setImageLoadStates((p) => ({ ...p, [id]: false }));
+          }
         };
-        img.src = backgroundImageURL;
 
+        img.src = backgroundImageURL;
         return prev;
       });
     });
+
+    return () => {
+      cancelled = true;
+      Object.values(imageMap).forEach((img) => {
+        img.onload = null;
+        img.onerror = null;
+      });
+    };
   }, [imageList]);
 
   return imageLoadStates;

From cb83cb2d1243e2293314c9cc46f8a1cffb9fe2e7 Mon Sep 17 00:00:00 2001
From: luli <nidor022@gmail.com>
Date: Mon, 25 Aug 2025 20:55:08 +0900
Subject: [PATCH 3/3] =?UTF-8?q?[#123]=20404=20=ED=95=9C=EA=B8=80=20?=
 =?UTF-8?q?=EB=AC=B8=EA=B5=AC=EB=A1=9C=20=EC=88=98=EC=A0=95,=20/post/id=20?=
 =?UTF-8?q?=EC=97=86=EB=8A=94=EA=B2=BD=EB=A1=9C=20=EC=98=88=EC=99=B8?=
 =?UTF-8?q?=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

404 한글 문구로 수정, /post/id 없는경로 예외처리
---
 .../components/rolling-paper-list.jsx         |  7 ++++++
 src/pages/404-page.jsx                        | 24 ++++++++-----------
 src/pages/messages-page.jsx                   |  3 ++-
 3 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/features/rolling-paper/components/rolling-paper-list.jsx b/src/features/rolling-paper/components/rolling-paper-list.jsx
index e71e048..7f91ba3 100644
--- a/src/features/rolling-paper/components/rolling-paper-list.jsx
+++ b/src/features/rolling-paper/components/rolling-paper-list.jsx
@@ -248,8 +248,15 @@ function RollingPaperList({ cardData, totalPages, currentPage, onTurnCards }) {
   const navigate = useNavigate();
 
   const handleCardClick = (cardId) => {
+    if(!cardId) {
+      navigate("*");
+      return;
+    }
+
     navigate(`/post/${cardId}`);
   };
+
+
   const profileImages = useMemo(
     () =>
       cardData.flatMap((card) =>
diff --git a/src/pages/404-page.jsx b/src/pages/404-page.jsx
index e0354cd..d88d9c9 100644
--- a/src/pages/404-page.jsx
+++ b/src/pages/404-page.jsx
@@ -45,20 +45,20 @@ const ErrorNumber = styled.h1`
   font-weight: 900;
   color: var(--color-purple-700);
   margin: 0;
-  font-size: 200px;
+  font-size: 150px;
 
   ${media.mobile} {
-    font-size: 130px;
+    font-size: 110px;
   }
 `;
 
 const ErrorComment = styled.span`
-  font-size: 80px;
+  font-size: 70px;
   color: #6e6293;
   font-weight: 700;
 
   em {
-    font-size: 100px;
+    font-size: 90px;
     font-weight: 800;
     font-style: normal;
     color: #240079;
@@ -72,24 +72,20 @@ const ErrorComment = styled.span`
   }
 
   ${media.mobile} {
-    font-size: 50px;
+    font-size: 40px;
     em {
-      font-size: 60px;
+      font-size: 50px;
     }
   }
 `;
 
 const ErrorCommentSofter = styled.span`
-  font-size: 50px;
+  font-size: 25px;
   color: #6e6293;
   font-weight: 400;
 
-  ${media.tablet} {
-    font-size: 40px;
-  }
-
   ${media.mobile} {
-    font-size: 30px;
+    font-size: 18px;
   }
 `;
 
@@ -133,10 +129,10 @@ const Error404Page = () => {
           <AirplaneSVG src={logoImage} />
           <ErrorNumber>404</ErrorNumber>
           <ErrorComment>
-            <em>Oops!</em> Page Not Found...
+            <em>앗 이런!</em> 페이지를 찾을 수 없습니다.
           </ErrorComment>
           <ErrorCommentSofter>
-            Don't worry, let's get you back on track.
+            페이지의 주소가 올바르지 않거나, 삭제 또는 다른 페이지로 변경되었습니다.
           </ErrorCommentSofter>
           <HomeButton
             size={BUTTON_SIZE.large}
diff --git a/src/pages/messages-page.jsx b/src/pages/messages-page.jsx
index 25f37c9..cc5e220 100644
--- a/src/pages/messages-page.jsx
+++ b/src/pages/messages-page.jsx
@@ -196,11 +196,12 @@ function MessagesPage() {
       } catch (error) {
         // TODO: Error 처리 필요
         console.error(error);
+        navigate("/notfound", { replace: true });
       }
     }
 
     fetchRollingPaper();
-  }, [id]);
+  }, [id, navigate]);
 
   const content = (
     <>