[#56] ✨ create sign-out proxy server

Author: 장아영

src/app/api/auth/sign-out/route.ts

@@ -0,0 +1,31 @@
+import { NextResponse } from 'next/server';
+
+export const POST = async (): Promise<NextResponse> => {
+  try {
+    const res = NextResponse.json({ success: true, message: '로그아웃 성공' });
+
+    res.cookies.set('accessToken', '', {
+      httpOnly: true,
+      secure: true,
+      sameSite: 'strict',
+      path: '/',
+      maxAge: 0, 
+    });
+
+    res.cookies.set('refreshToken', '', {
+      httpOnly: true,
+      secure: true,
+      sameSite: 'strict',
+      path: '/',
+      maxAge: 0, 
+    });
+
+    return res;
+  } catch (error: any) {
+    console.error('로그아웃 처리 중 오류 발생:', error);
+    return NextResponse.json(
+      { success: false, message: '서버 오류로 로그아웃 실패' },
+      { status: 500 }
+    );
+  }
+};

src/app/page.tsx

@@ -3,25 +3,32 @@
 import { useRouter } from 'next/navigation'
 
 import axios from 'axios'
-
+import { signOut } from '@/services/auth/auth'
 import { useAuthStore } from '@/stores/useAuthStore'
 
 export default function Home(): JSX.Element {
   const { logout } = useAuthStore()
+
   const router = useRouter()
 
   const handleLogout = async () => {
     try {
-      await axios.post('/v1/auth/logout', {}, { withCredentials: true })
-      console.log('서버 로그아웃 성공')
-
-      logout()
-
+      const response = await fetch(`/api/auth/sign-out`,{
+        method: 'POST',
+        headers: {'Content-Type': 'application/json'},
+      })
+      if (!response.ok){
+        const errorResult = await response.json()
+        console.error('Logout failed')
+        alert('로그아웃 실패 프록시')
+        return
+      }
+      console.log('Logout successful')
+      alert('로그아웃 성공 프록시')
       router.push('/sign-in')
-      console.log('로그아웃 성공')
-    } catch (error) {
-      console.error('로그아웃 실패:', error)
-      alert('로그아웃에 실패했습니다.')
+    } catch(error){
+      console.error('Logout error', error)
+      alert('로그아웃 요청 중 오류 발생')
     }
   }