blaybus-hackathon
diff --git a/‎index.html‎
Lines changed: 1 addition & 1 deletion b/‎index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎public/blaybus_logo_icon.svg‎
Lines changed: 12 additions & 0 deletions b/‎public/blaybus_logo_icon.svg‎
Lines changed: 12 additions & 0 deletions
diff --git a/‎public/blaybus_logo_icon_text.svg‎
Lines changed: 13 additions & 0 deletions b/‎public/blaybus_logo_icon_text.svg‎
Lines changed: 13 additions & 0 deletions
diff --git a/‎public/favicon.ico‎
7.57 KB b/‎public/favicon.ico‎
7.57 KB
diff --git a/‎src/App.css‎
Lines changed: 3 additions & 3 deletions b/‎src/App.css‎
Lines changed: 3 additions & 3 deletions
diff --git a/‎src/App.jsx‎
Lines changed: 6 additions & 1 deletion b/‎src/App.jsx‎
Lines changed: 6 additions & 1 deletion
diff --git a/‎src/components/Auth/KakaoCallback.jsx‎
Lines changed: 33 additions & 0 deletions b/‎src/components/Auth/KakaoCallback.jsx‎
Lines changed: 33 additions & 0 deletions
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/public/favicon.ico" />
+    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>돌봄워크: 더 쉬운 돌봄 서비스</title>
   </head>
 
@@ -1,11 +1,10 @@
-@import "tailwindcss";
+@import 'tailwindcss';
 
 @plugin 'tailwindcss-animate';
 
 @custom-variant dark (&:is(.dark *));
 
 #root {
-  max-width: 1280px;
   margin: 0 auto;
   text-align: center;
 }
@@ -134,7 +133,8 @@
 
 @layer base {
   html {
-    font-family: "Pretendard Variable", sans-serif;
+    font-family: 'Pretendard Variable', sans-serif;
+    scroll-behavior: smooth;
   }
 
   * {
 
@@ -25,16 +25,21 @@ import MatchingInfo from './pages/center/MatchingInfo';
 import ElderAddress from './pages/center/ElderAddress';
 import ChatRoomsPage from './pages/center/ChatRoomsPage';
 import PrivateChatRoom from './pages/center/PrivateChatRoom';
+import KakaoCallback from './components/Auth/KakaoCallback';
 
 function App() {
   return (
     <Router>
       <Routes>
         {/* 공통 */}
+        <Route index element={<Home />} />
         <Route path='/signIn' element={<SignIn />} />
+        <Route path='/signUp' element={<SignUp />} />
+        <Route path='/oauth/kakao/callback' element={<KakaoCallback />} />
 
+        {/* 레이아웃 */}
         <Route path='/' element={<Layout />}>
-          <Route index element={<Home />} />
+          {/* <Route index element={<Home />} /> */}
 
           {/* Center */}
           <Route path='center/register' element={<ElderRegister />} />
 
@@ -0,0 +1,33 @@
+import { useSearchParams, useNavigate } from 'react-router-dom';
+import { useEffect } from 'react';
+import { request } from '../../api';
+
+const KakaoCallback = () => {
+  const [params] = useSearchParams();
+  const code = params.get('code');
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    if (!code) {
+      console.warn('카카오 로그인 실패: 코드가 없습니다.');
+      return;
+    }
+
+    const fetchToken = async () => {
+      try {
+        const response = await request('POST', '/oauth/kakao-signup', { code });
+        console.log(response);
+        console.log('카카오 로그인 응답: ', response.data);
+      } catch (error) {
+        console.error('Kakao 토큰 발급 실패:', error);
+        navigate('/');
+      }
+    };
+
+    fetchToken();
+  }, [code]);
+
+  return <p>로그인 중...</p>;
+};
+
+export default KakaoCallback;