[#x] 최종 배포 🔥

README.md

@@ -1,35 +1,64 @@
-# Wine
-(프로젝트 설명)
-
-## 목표
-- 목표: 프로젝트 완성
-
-## 팀원 정보 및 역할
-- 준열: 팀 리딩, 랜딩 페이지, 와인 상세 페이지
-- 휘태: 로그인, 회원가입, 리뷰 남기기/와인 등록하기 모달
-- 연수: 마이페이지(내가 등록한 와인), notion 문서화
-- 지권: 마이페이지(내가 쓴 후기)
-- 정훈: 와인 목록 페이지
-
-> [Wiki 바로가기](https://github.com/Team-3-2/Wine/wiki)
-
-## Core Time
-- 데일리 스크럼  
-  - 월요일: 오후 3시  
-  - 화요일 일요일: 오후 1시 30분 (20~30분 진행)
-- 집중 코딩 (모각코)  
-  - 9:00 ~ 18:00 (zep 활용)
-
-> [Wiki 바로가기](https://github.com/Team-3-2/Wine/wiki)
+# 🍷 WHYNE
+
+### WHYNE은 사용자가 다양한 와인 리뷰를 확인하고, 구매 여부를 쉽게 판단할 수 있는 와인 리뷰 플랫폼입니다.
+
+<img width="1800" height="600" alt="image" src="https://github.com/user-attachments/assets/cd2abace-5bfc-4243-ad41-b7944bbd4f45" />
+
+<br>
+
+## 🎯 목표
+
+> #### 주어진 요구사항을 충족하는 것을 넘어, 경쟁력 있는 특별한 UI / UX를 도입하고, 사용자에게 최적의 와인 선택 경험을 제공하는 것
+
+<br>
+
+## 👥 팀 소개
+
+<span align="right">
+
+  🔗 [Wiki 바로가기](https://github.com/Team-3-2/Wine/wiki)
+
+</span>
+
+<div align="center">
+
+|팀장 |팀원 |팀원 |팀원 |
+|:---:|:---:|:---:|:---:|
+| <div style="border: 1px solid #ddd; border-radius: 10px; padding: 20px; background: white;"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Animals/Dove.png" width="80" height="80" alt="🕊️"/><br><b><a href="https://github.com/junye0l">김준열</a></b><br><img src="https://img.shields.io/badge/ISTJ-50C878?style=for-the-badge&logoColor=white" alt="ISTJ"/><br><code>FE</code></div> | <div style="border: 1px solid #ddd; border-radius: 10px; padding: 20px; background: white;"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Animals/Bat.png" width="80" height="80" alt="🦇"/><br><b><a href="https://github.com/wlrnjs">서지권</a></b><br><img src="https://img.shields.io/badge/INTJ-5C0091?style=for-the-badge&logoColor=white" alt="INTJ"/><br><code>FE</code></div> | <div style="border: 1px solid #ddd; border-radius: 10px; padding: 20px; background: white;"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Animals/Baby%20Chick.png" width="80" height="80" alt="🐣"/><br><b><a href="https://github.com/suuuuya">이연수</a></b><br><img src="https://img.shields.io/badge/INFP-9B59B6?style=for-the-badge&logoColor=white" alt="INFP"/><br><code>FE</code></div> | <div style="border: 1px solid #ddd; border-radius: 10px; padding: 20px; background: white;"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Animals/Black%20Cat.png" width="80" height="80" alt="🐈‍⬛"/><br><b><a href="https://github.com/Imhwitae">황휘태</a></b><br><img src="https://img.shields.io/badge/ISTJ-E74C3C?style=for-the-badge&logoColor=white" alt="ISTJ"/><br><code>FE</code></div> |
+
+</div>
+
+<br>
+
+## ⏰ Core Time
+
+<span align="right">
+
+  🔗 [Wiki 바로가기](https://github.com/Team-3-2/Wine/wiki)
+
+</span>
+
+> 원활한 소통을 위해 매일 진행하며, 의미 없는 시간이 되지 않도록 **노션 문서화**로 기록합니다.
+
+#### 🗓️ 시간표
+
+|      요일       |   시간    |
+| :-------------: | :-------: |
+|     월요일      | **15:00** |
+| 화요일 ~ 일요일 | **13:30** |
+
+<br>
 
 ## Branch 전략
+
 - `main` → 배포
 - `develop` → 통합 브랜치
 - `feature/*`, `design/*`, `chore/*` → 작업 브랜치 → PR → develop → main
 
 > [Wiki 바로가기](https://github.com/Team-3-2/Wine/wiki/%EB%B8%8C%EB%9E%9C%EC%B9%98-%EC%BB%A8%EB%B2%A4%EC%85%98)
 
 ## 기술 스택
+
 - Next.js, React, TypeScript
 - Tailwind CSS
 - Storybook
@@ -39,12 +68,14 @@
 > [Wiki 바로가기](https://github.com/Team-3-2/Wine/wiki/%EA%B8%B0%EC%88%A0-%EC%8A%A4%ED%83%9D)
 
 ## 깃허브 액션
-- Vercel 배포  
-- Chromatic으로 Storybook 배포 (develop 기준)  
+
+- Vercel 배포
+- Chromatic으로 Storybook 배포 (develop 기준)
 
 > [Wiki 바로가기](https://github.com/Team-3-2/Wine/wiki/%EA%B9%83%ED%97%88%EB%B8%8C-%EC%95%A1%EC%85%98)
 
 ## 프로젝트 관리
+
 - README: 프로젝트 개요 / 기술 스택 / 실행 방법
 - Wiki: 세부 규칙, 가이드 문서, 브랜치 룰
 - Notion: 회의록, 멘토링 피드백, 참고 자료
@@ -53,6 +84,7 @@
 > [Wiki 바로가기](https://github.com/Team-3-2/Wine/wiki/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EA%B4%80%EB%A6%AC)
 
 ## 실행 방법
+
 ```bash
 # 패키지 설치
 npm install
@@ -81,9 +113,11 @@ src
  ┣ types        # 전역 타입 정의 (TypeScript 인터페이스, 타입)
  ┗ utils        # 공통 유틸리티 함수
 ```
+
 > [Wiki 바로가기](https://github.com/Team-3-2/Wine/wiki/%ED%8F%B4%EB%8D%94-%EA%B5%AC%EC%A1%B0)
 
 ## 바로가기
+
 - [배포 바로가기](https://google.com/)
 - [스토리북 바로가기](https://68d3998e0b054d1207706cbb-tzevsxkvcq.chromatic.com/?path=/docs/my-profile-accountitem--docs)
 - [Wiki 바로가기](https://github.com/Team-3-2/Wine/wiki)

src/api/auth/login.ts

@@ -1,6 +1,7 @@
 "use server";
 
 import { cookies } from "next/headers";
+import { redirect } from "next/navigation";
 
 const opts = {
   maxAge: 60 * 60 * 24 * 30,
@@ -12,6 +13,7 @@ const opts = {
 const login = async (prevState: any, formData: FormData) => {
   const email = formData.get("email");
   const password = formData.get("password");
+  const redirectUrl = formData.get("redirect");
 
   if (!email || !password)
     return { isError: true, message: "이메일 또는 비밀번호를 입력하세요." };
@@ -36,9 +38,9 @@ const login = async (prevState: any, formData: FormData) => {
     cookieStore.set("refreshToken", `${data.refreshToken}`);
     cookieStore.set("login_type", "basic", opts);
 
-    return { isError: false, data: data };
+    redirect(redirectUrl as string);
   } catch (error) {
-    console.error(error);
+    throw error;
   }
 };
 

src/api/my-profile/get-user-review.ts

@@ -23,6 +23,6 @@ export default async function getUserReview({
   const res = await instance.get(url);
   return {
     ...res.data,
-    list: [...res.data.list].reverse(),
+    list: [...res.data.list],
   };
 }

src/api/user/get-user-wines.ts

@@ -24,7 +24,7 @@ const getUserWines = async ({ cursor, limit }: GetUserWinesData) => {
 
   return {
     ...res.data,
-    list: [...res.data.list].reverse(),
+    list: [...res.data.list],
   };
 };
 

src/app/(auth)/layout.tsx

@@ -4,8 +4,11 @@ import { ReactNode } from "react";
 
 const Layout = ({ children }: { children: Readonly<ReactNode> }) => {
   return (
-    <main aria-labelledby="회원가입 영역">
-      <div className="flex-center min-h-screen bg-gray-200">{children}</div>
+    <main
+      aria-labelledby="회원가입 영역"
+      className="bg-gray-200 bg-[url('/images/common/bg-main.png')] bg-cover bg-no-repeat"
+    >
+      <div className="flex-center min-h-screen py-[50px]">{children}</div>
     </main>
   );
 };

src/app/(auth)/login/page.tsx

@@ -14,6 +14,7 @@ import { useToast } from "@/hooks/use-toast";
 import { useRememberId } from "../_hooks/use-remember-id";
 import { getCookie, setCookie } from "cookies-next";
 import RecentLoginBadge from "../_components/recent-login-badge/recent-login-badge";
+import { useSearchParams } from "next/navigation";
 
 interface LoginFormData {
   email: string;
@@ -36,6 +37,7 @@ const Page = () => {
   const [loginType, setLoginType] = useState<string | null>(null);
   const [state, formAction, isPending] = useActionState(login, null);
   const { checked, setChecked, initialId, opts } = useRememberId();
+  const searchParams = useSearchParams();
 
   const email = watch("email");
 
@@ -119,6 +121,12 @@ const Page = () => {
               },
             })}
           />
+          <input
+            className="hidden"
+            type="hidden"
+            name="redirect"
+            value={searchParams.get("redirect") || "/"}
+          />
           <RememberId checked={checked} setChecked={setChecked} />
         </div>
         <div className="relative w-full">