From efca3c755670a093020571630074f5e22c5918a7 Mon Sep 17 00:00:00 2001
From: alstj0127 <end020127@naver.com>
Date: Fri, 31 Oct 2025 14:45:29 +0900
Subject: [PATCH 1/3] =?UTF-8?q?feat(feed):=20=EB=A9=94=EB=AA=A8=20?=
 =?UTF-8?q?=EB=B0=8F=20=ED=94=84=EB=A1=9C=ED=95=84=20=EC=9D=B4=EB=8F=99=20?=
 =?UTF-8?q?=EB=A7=81=ED=81=AC=20=EC=B6=94=EA=B0=80=20=EB=B0=8F=20=EA=B8=B0?=
 =?UTF-8?q?=EB=B3=B8=20=EB=A7=81=ED=81=AC=20=EC=8A=A4=ED=83=80=EC=9D=BC=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0=20feedPage.tsx:=20<a>=20=ED=83=9C=EA=B7=B8?=
 =?UTF-8?q?=EB=A5=BC=20Remix=20<Link>=EB=A1=9C=20=EA=B5=90=EC=B2=B4?=
 =?UTF-8?q?=ED=95=B4=20=EB=82=B4=EB=B6=80=20=EB=9D=BC=EC=9A=B0=ED=8C=85=20?=
 =?UTF-8?q?=EC=A7=80=EC=9B=90=20=EB=A9=94=EB=AA=A8=20=ED=81=B4=EB=A6=AD=20?=
 =?UTF-8?q?=EC=8B=9C=20/music/:userId/user/:memoId=EB=A1=9C=20=EC=9D=B4?=
 =?UTF-8?q?=EB=8F=99=ED=95=98=EB=8F=84=EB=A1=9D=20=EA=B5=AC=ED=98=84=20?=
 =?UTF-8?q?=ED=94=84=EB=A1=9C=ED=95=84=20=ED=81=B4=EB=A6=AD=20=EC=8B=9C=20?=
 =?UTF-8?q?/profile/:userId/show=EB=A1=9C=20=EC=9D=B4=EB=8F=99=ED=95=98?=
 =?UTF-8?q?=EB=8F=84=EB=A1=9D=20=EC=84=A4=EC=A0=95=20feedPage.module.scss:?=
 =?UTF-8?q?=20.memoLink,=20.cover-link,=20.chip=EC=97=90=20text-decoration?=
 =?UTF-8?q?:=20none;=20color:=20inherit;=20=EC=A0=81=EC=9A=A9=20=EB=A7=81?=
 =?UTF-8?q?=ED=81=AC=20hover=20=EC=8B=9C=20=EC=9E=90=EC=97=B0=EC=8A=A4?=
 =?UTF-8?q?=EB=9F=AC=EC=9A=B4=20=EC=BB=AC=EB=9F=AC=20=EB=B3=80=ED=99=94=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/features/feed/pages/feedPage.module.scss | 27 ++++++++------------
 app/features/feed/pages/feedPage.tsx         | 21 ++++++++-------
 2 files changed, 20 insertions(+), 28 deletions(-)

diff --git a/app/features/feed/pages/feedPage.module.scss b/app/features/feed/pages/feedPage.module.scss
index 7b129db..b6e9561 100644
--- a/app/features/feed/pages/feedPage.module.scss
+++ b/app/features/feed/pages/feedPage.module.scss
@@ -58,6 +58,16 @@
   white-space: nowrap; // 폴백용(사파리 외 엔진에서 한 줄 처리)
 }
 
+.memoLink {
+  color: inherit; /* 부모의 글자색을 그대로 상속 */
+  text-decoration: none; /* 밑줄 제거 */
+  transition: color 0.15s ease;
+
+  &:hover {
+    color: #111; /* 살짝 진한 색상으로 hover 효과 */
+  }
+}
+
 .meta {
   display: flex;
   align-items: center;
@@ -83,7 +93,6 @@
   font-size: 14px;
 }
 
-/* Like button (이전에 쓰던 스타일과 톤 맞춤) */
 .like-button {
   display: inline-flex;
   align-items: center;
@@ -106,19 +115,3 @@
     border-color: #d1d5db;
   }
 }
-
-.liked {
-  background: #fee2e2;
-  color: #ef4444;
-  border-color: #fecaca;
-}
-.heart {
-  width: 18px;
-  height: 18px;
-  flex: 0 0 18px;
-}
-.like-count {
-  font-weight: 700;
-  font-size: 14px;
-  line-height: 1;
-}
diff --git a/app/features/feed/pages/feedPage.tsx b/app/features/feed/pages/feedPage.tsx
index d59a034..8d9991a 100644
--- a/app/features/feed/pages/feedPage.tsx
+++ b/app/features/feed/pages/feedPage.tsx
@@ -1,4 +1,4 @@
-import { useLoaderData } from '@remix-run/react';
+import { Link, useLoaderData } from '@remix-run/react';
 
 import styles from './feedPage.module.scss';
 import { feedLoader } from '../loader';
@@ -14,8 +14,7 @@ export default function feedPage() {
       <ul className={styles.list}>
         {feedList.map((item) => (
           <li key={item.id} className={styles.card}>
-            {/* 앨범 커버 */}
-            <a className={styles['cover-link']} href="#" onClick={(e) => e.preventDefault()}>
+            <Link to={`/music/${item.memo.userId}/user/${item.memoId}`} className={styles['cover-link']}>
               <div className={styles['cover-box']}>
                 <img
                   className={styles.cover}
@@ -23,22 +22,22 @@ export default function feedPage() {
                   alt={`${item.memo.song.title} 앨범 커버`}
                 />
               </div>
-            </a>
-
-            {/* 본문 */}
+            </Link>
             <div className={styles.body}>
-              {/* 메모 첫 줄 */}
-              <p className={styles.memo}>{trimFirstLine(item.memo.content)}</p>
-
+              <p className={styles.memo}>
+                <Link to={`/music/${item.memo.userId}/user/${item.memoId}`} className={styles.memoLink}>
+                  {trimFirstLine(item.memo.content)}
+                </Link>
+              </p>
               <div className={styles.meta}>
-                <a className={styles.chip} href="#" onClick={(e) => e.preventDefault()}>
+                <Link to={`/profile/${item.memo.userId}/show`} className={styles.chip}>
                   <img
                     className={styles.avatar}
                     src={(item.memo.user.avatarUrl ?? '').trim() || DEFAULT_AVATAR}
                     alt=""
                   />
                   <span className={styles.handle}>@{item.memo.user.handle}</span>
-                </a>
+                </Link>
               </div>
             </div>
           </li>

From 6f8d1afde2596db599aa65a6bf240fb759d23eb3 Mon Sep 17 00:00:00 2001
From: alstj0127 <end020127@naver.com>
Date: Fri, 31 Oct 2025 14:47:32 +0900
Subject: [PATCH 2/3] fix

---
 app/features/feed/pages/feedPage.module.scss | 34 +++-----------------
 1 file changed, 4 insertions(+), 30 deletions(-)

diff --git a/app/features/feed/pages/feedPage.module.scss b/app/features/feed/pages/feedPage.module.scss
index b6e9561..1c1b791 100644
--- a/app/features/feed/pages/feedPage.module.scss
+++ b/app/features/feed/pages/feedPage.module.scss
@@ -46,25 +46,22 @@
 }
 
 .memo {
-  // 기존 유지
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
-  // 표준(실험적) 추가
   line-clamp: 1;
-  // 폴백
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap; // 폴백용(사파리 외 엔진에서 한 줄 처리)
+  white-space: nowrap;
 }
 
 .memoLink {
-  color: inherit; /* 부모의 글자색을 그대로 상속 */
-  text-decoration: none; /* 밑줄 제거 */
+  color: inherit; 
+  text-decoration: none; 
   transition: color 0.15s ease;
 
   &:hover {
-    color: #111; /* 살짝 진한 색상으로 hover 효과 */
+    color: #111;
   }
 }
 
@@ -92,26 +89,3 @@
   font-weight: 700;
   font-size: 14px;
 }
-
-.like-button {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  border-radius: 999px;
-  border: 1px solid #e5e7eb;
-  background: #f9fafb;
-  color: #6b7280;
-  cursor: pointer;
-  transition:
-    transform 120ms ease,
-    background 160ms ease,
-    color 160ms ease,
-    border-color 160ms ease;
-
-  &:hover {
-    transform: translateY(-1px);
-    background: #f3f4f6;
-    border-color: #d1d5db;
-  }
-}

From 93fff486528f1087c6e6f5798c761fc165cddded Mon Sep 17 00:00:00 2001
From: alstj0127 <end020127@naver.com>
Date: Fri, 31 Oct 2025 14:54:10 +0900
Subject: [PATCH 3/3] prettier

---
 app/features/feed/pages/feedPage.module.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/features/feed/pages/feedPage.module.scss b/app/features/feed/pages/feedPage.module.scss
index 1c1b791..284f3f4 100644
--- a/app/features/feed/pages/feedPage.module.scss
+++ b/app/features/feed/pages/feedPage.module.scss
@@ -56,8 +56,8 @@
 }
 
 .memoLink {
-  color: inherit; 
-  text-decoration: none; 
+  color: inherit;
+  text-decoration: none;
   transition: color 0.15s ease;
 
   &:hover {