Chore: 불필요 코드 제거

Author: 99minji

lib/api/link.ts

@@ -49,9 +49,13 @@ export const getLinks = async () => {
 };
 
 // 유저의 즐겨찾기 링크 조회(auth)
-export const getFavorites = async () => {
+export const getFavorites = async ({
+  headers,
+}: {
+  headers: Record<string, string>;
+}) => {
   try {
-    const res = await proxy.get("/api/favorites");
+    const res = await proxy.get("/api/favorites", { headers });
     if (res.status >= 200 && res.status < 300) return res.data;
   } catch (err) {
     console.error("에러 메시지: ", err instanceof Error ? err.message : err);

pages/api/favorites/index.ts

@@ -6,9 +6,6 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   const cookies = parse(req.headers.cookie || "");
   const accessToken = cookies.accessToken;
 
-  console.log("Received cookies:", cookies); // 쿠키 전체 확인
-  console.log("Access Token:", accessToken); // accessToken 확인
-
   if (!accessToken) {
     return res.status(401).json({ message: "인증 오류: 토큰이 없습니다." });
   }

pages/favorite/index.tsx

@@ -1,7 +1,6 @@
-import { GetServerSideProps } from "next";
+import { GetServerSideProps, GetServerSidePropsContext } from "next";
 import { getFavorites } from "@/lib/api/link";
-import { useEffect, useState } from "react";
-import CardItem from "@/components/CardItem";
+import LinkCard from "@/components/LinkCard";
 import CardsLayout from "@/components/Layout/CardsLayout";
 import Container from "@/components/Layout/Container";
 
@@ -20,34 +19,45 @@ interface FavoriteProps {
   favoriteList: FavoriteDataType[];
 }
 
-// 추후 severside 로 구현 예정
-// export const getServerSideProps: GetServerSideProps = async () => {
-//   try {
-//     const res = await getFavorites();
-//     return { props: { favoriteList: res || [] } };
-//   } catch (error) {
-//     console.error("서버사이드에러", error);
-//     return { props: { favoriteList: [] } };
-//   }
-// };
+export const getServerSideProps: GetServerSideProps = async (
+  context: GetServerSidePropsContext
+) => {
+  const { req } = context;
 
-const FavoritePage = () => {
-  const [favoriteList, setFavoriteList] = useState<FavoriteDataType[]>([]);
+  // 클라이언트의 쿠키 가져오기
+  const cookies = req.headers.cookie || "";
 
-  useEffect(() => {
-    const fetchFavorites = async () => {
-      try {
-        const data = await getFavorites();
-        if (data) {
-          setFavoriteList(data.list);
-        }
-      } catch (err) {
-        console.error(err);
-      }
-    };
+  try {
+    const res = await getFavorites({
+      headers: {
+        Cookie: cookies, // 쿠키를 그대로 포함시킴
+      },
+    });
+    return { props: { favoriteList: res.list || [] } };
+  } catch (error) {
+    console.error("서버사이드에러", error);
+    return { props: { favoriteList: [] } };
+  }
+};
+
+const FavoritePage = ({ favoriteList }: FavoriteProps) => {
+  // 임시 보류
+  // const [favoriteList, setFavoriteList] = useState<FavoriteDataType[]>([]);
+
+  // useEffect(() => {
+  //   const fetchFavorites = async () => {
+  //     try {
+  //       const data = await getFavorites();
+  //       if (data) {
+  //         setFavoriteList(data.list);
+  //       }
+  //     } catch (err) {
+  //       console.error(err);
+  //     }
+  //   };
 
-    fetchFavorites();
-  }, []);
+  //   fetchFavorites();
+  // }, []);
 
   return (
     <>
@@ -60,7 +70,7 @@ const FavoritePage = () => {
         <CardsLayout>
           {favoriteList.length > 0
             ? favoriteList.map((favorite) => (
-                <CardItem
+                <LinkCard
                   key={favorite.id}
                   id={favorite.id}
                   url={favorite.url}