Merge pull request #25 from dongbin420/feat/log-out

feat/쿠키다시 설정하고 로그아웃 구현

client/src/components/LogoutButton.tsx

@@ -0,0 +1,20 @@
+import { removeCookie } from '../utils/cookie';
+import { useNavigate } from 'react-router-dom';
+
+const LogoutButton = () => {
+  const navigate = useNavigate();
+
+  const handleLogout = () => {
+    removeCookie('jwtToken');
+    window.alert('로그아웃 되었습니다.');
+    navigate('/');
+  };
+
+  return (
+    <button className="mt-2 w-96 rounded bg-mainblack px-1 py-2 text-white" onClick={handleLogout}>
+      로그아웃
+    </button>
+  );
+};
+
+export default LogoutButton;

client/src/pages/LoginPage/LoginPage.tsx

@@ -2,6 +2,7 @@ import { useState } from 'react';
 import { useNavigate, Link } from 'react-router-dom';
 import api from '../../utils/api';
 import SocialLogin from '../../components/SocialLogin';
+import { setCookie } from '../../utils/cookie';
 
 const LoginPage: React.FC = () => {
   const [userEmail, setUserEmail] = useState('');
@@ -31,7 +32,12 @@ const LoginPage: React.FC = () => {
         email: userEmail,
         password: userPassword,
       });
-      console.log('서버 응답:', response.headers);
+      const authHeader = response.headers.authorization;
+      if (authHeader && authHeader.startsWith('Bearer ')) {
+        const token = authHeader.substring(7);
+        console.log('추출된 JWT 토큰:', token);
+      }
+      setCookie('jwtToken', 'token');
       if (response.status === 200) {
         window.alert('환영합니다!');
         navigate('/');

client/src/utils/Login/saveTokenFromResponse.tsx

@@ -0,0 +1,11 @@
+import { setCookie } from '../cookie';
+
+export const saveTokenFromResponse = (response: Response) => {
+  const authHeader = response.headers.get('Authorization');
+
+  if (authHeader && authHeader.startsWith('Bearer ')) {
+    const token = authHeader.substring(7);
+    console.log('추출된 JWT 토큰:', token);
+    setCookie('jwtToken', token);
+  }
+};