Merge pull request #189 from codeit-plake/refactor/164-auth-review-opt

k-impossible · web-flow · commit 2cb468cbf459 · 2025-04-15T02:40:24.000+09:00
[#164]fix: 로그인 이슈 해결
diff --git a/src/actions/user-check-action.ts b/src/actions/user-check-action.ts
@@ -1,31 +1,26 @@
 "use server";
 
 import { IUser } from "@/types/user";
-import { getCookieOfToken } from "@/utils/cookieToken";
-
-const userCheckAction = async () => {
-  const TOKEN = await getCookieOfToken();
 
+const userCheckAction = async (token: string) => {
   try {
     const response = await fetch(
       `${process.env.NEXT_PUBLIC_API_URL}/auths/user`,
       {
         method: "GET",
         headers: {
-          Authorization: `Bearer ${TOKEN}`,
+          Authorization: `Bearer ${token}`,
         },
       },
     );
 
-    // 유저 정보 확인 실패
     if (!response.ok) {
       throw new Error(await response.text());
     }
 
-    // 유저 정보 확인 성공 시 image null 처리
+    // 유저 정보 받아와서 image null 처리
     const resUser: IUser = await response.json();
     resUser.image = resUser.image || "";
-
     return {
       status: true,
       user: resUser,
diff --git a/src/actions/user-signin-action.ts b/src/actions/user-signin-action.ts
@@ -1,7 +1,5 @@
 "use server";
 
-import { setCookieOfToken } from "@/utils/cookieToken";
-
 import userCheckAction from "./user-check-action";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
@@ -23,24 +21,25 @@ const userSignInAction = async (_: any, formData: FormData) => {
       },
     );
 
-    // 로그인 실패
+    // 토큰 받아오기 실패
     if (!response.ok) {
-      throw new Error(await response.text());
+      const errorText = await response.text();
+      console.error("API 응답 오류:", errorText);
+      throw new Error(errorText);
     }
 
     // 토큰을 받아오면 쿠키에 저장
     const res = await response.json();
-    await setCookieOfToken(res.token);
 
-    // 로그인 성공 시 유저 정보 확인
-    const chkResult = await userCheckAction();
+    // 유저 정보 확인
+    const chkResult = await userCheckAction(res.token);
 
-    // 유저 정보 확인 실패
+    // 유저 정보 확인 성공
     if (!chkResult.status) {
       throw new Error(chkResult.error);
     }
 
-    // 유저 정보 반환
+    // 성공시 유저 정보 반환
     return {
       status: true,
       error: "",
diff --git a/src/actions/user-signup-action.ts b/src/actions/user-signup-action.ts
@@ -21,12 +21,10 @@ const userSignUpAction = async (_: any, formData: FormData) => {
       },
     );
 
-    // 회원가입 실패
     if (!response.ok) {
       throw new Error(await response.text());
     }
 
-    // 회원가입 성공
     return {
       status: true,
       error: "",
diff --git a/src/app/all-reviews/[tab]/_components/ReviewListParent.tsx b/src/app/all-reviews/[tab]/_components/ReviewListParent.tsx
@@ -54,7 +54,7 @@ const ReviewListParent = () => {
           <ReviewCardList reviews={flatData} />
           <div ref={setTarget} className="h-10 w-full">
             {isFetchingNextPage && (
-              <div className="flex justify-center p-4">
+              <div className="flex justify-center py-8">
                 <LoadingSpinner size="lg" />
               </div>
             )}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -21,6 +21,16 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
+      <head>
+        <link
+          rel="preconnect"
+          href="https://fe-adv-project-together-dallaem.vercel.app"
+        />
+        <link
+          rel="preconnect"
+          href="https://sprint-fe-project.s3.ap-northeast-2.amazonaws.com/together-dallaem"
+        />
+      </head>
       <body className={`${FONT.variable} antialiased`} suppressHydrationWarning>
         <QueryProvider>
           <Header />
diff --git a/src/components/layout/ReviewCardItem.tsx b/src/components/layout/ReviewCardItem.tsx
@@ -30,7 +30,7 @@ const ReviewCardItem = memo(({ review }: TReviewCardItemProps) => {
         href={`/gathering/detail/${Gathering.id}`}
         style={{ display: "contents" }}
       >
-        <div className="relative min-h-[156px] w-full max-w-[280px] overflow-hidden rounded-3xl">
+        <div className="relative min-h-[156px] w-full overflow-hidden rounded-3xl md:max-w-[280px]">
           <Image
             src={Gathering.image ?? "https://picsum.photos/500/700"}
             alt={Gathering.name}

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ const ReviewCardItem = memo(({ review }: TReviewCardItemProps) => {`
`30`	`30`	href={`/gathering/detail/${Gathering.id}`}
`31`	`31`	`style={{ display: "contents" }}`
`32`	`32`	`>`
`33`		`- <div className="relative min-h-[156px] w-full max-w-[280px] overflow-hidden rounded-3xl">`
	`33`	`+ <div className="relative min-h-[156px] w-full overflow-hidden rounded-3xl md:max-w-[280px]">`
`34`	`34`	`<Image`
`35`	`35`	`src={Gathering.image ?? "https://picsum.photos/500/700"}`
`36`	`36`	`alt={Gathering.name}`