[Design] - #42 카카오로그인 디자인

hustle_web/src/.env

@@ -0,0 +1,2 @@
+REACT_APP_REST_API_KEY = 170a8a097251697cc023f05857280065
+REACT_APP_REDIRCT_URL = http://localhost:3000/kakaoLogin

hustle_web/src/App.tsx

@@ -1,10 +1,10 @@
-import React from "react";
-import Router from "./Router";
+import React from 'react';
+import Router from './Router';
 
 // const loadingPage = <div>화면 로딩중...</div>;
-// const DefaultLayout = React.lazy(() => import("./layout/DefaultLayout"));
-// const Home = React.lazy(() => import("./pages/Home"));
-// const Login = React.lazy(() => import("./pages/Login"));
+// const DefaultLayout = React.lazy(() => import('./layout/DefaultLayout'));
+// const Home = React.lazy(() => import('./pages/Home'));
+// const Login = React.lazy(() => import('./pages/Login'));
 
 
 const App = () => {

hustle_web/src/Router.tsx

@@ -1,44 +1,46 @@
-import React, { Suspense } from "react";
-import { BrowserRouter, Route, Routes } from "react-router-dom";
-import Home from "./pages/Home";
-import Competition from "./pages/Competition/Competition";
-import Club from "./pages/Community/Club/Club";
-import Question from "./pages/Community/Question/QuestionPage";
-import FriendlyMatch from "./pages/FriendlyMatch/FriendlyMatch";
-import Join from "./pages/Join/Join";
-import Login from "./pages/Login";
-import MyPageMain from "./pages/MyPage/MyPageMain";
-import Community from "./pages/Community/CommunityPage";
-import QuestionForm from "./components/Community/Question/QuestionForm";
-import List1 from "./components/Competition/list1";
-import PostMatch from "./components/FriendlyMatchPage/PostMatch/PostMatch";
-import ApplyMatch from "./components/FriendlyMatchPage/ApplyMatch/ApplyMatch";
-import ForgotPage from "./pages/Forgot/Forgotpage";
-import ResetPage from "./pages/Forgot/Reset/Resetpage";
+import React, { Suspense } from 'react';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import Home from './pages/Home';
+import Competition from './pages/Competition/Competition';
+import Club from './pages/Community/Club/Club';
+import Question from './pages/Community/Question/QuestionPage';
+import FriendlyMatch from './pages/FriendlyMatch/FriendlyMatch';
+import Join from './pages/Join/Join';
+import Login from './pages/Login';
+import MyPageMain from './pages/MyPage/MyPageMain';
+import Community from './pages/Community/CommunityPage';
+import QuestionForm from './components/Community/Question/QuestionForm';
+import List1 from './components/Competition/list1';
+import PostMatch from './components/FriendlyMatchPage/PostMatch/PostMatch';
+import ApplyMatch from './components/FriendlyMatchPage/ApplyMatch/ApplyMatch';
+import ForgotPage from './pages/Forgot/Forgotpage';
+import ResetPage from './pages/Forgot/Reset/Resetpage';
+import KakaoLogin from './components/Login/Kakao/KakaoLogin';
 
 const loadingPage = <div>화면 로딩중...</div>;
-const DefaultLayout = React.lazy(() => import("./layout/DefaultLayout"));
+const DefaultLayout = React.lazy(() => import('./layout/DefaultLayout'));
 
 const Router = () => {
   return (
     <BrowserRouter>
       <Suspense fallback={loadingPage}>
         <Routes>
-          <Route path="/" element={<DefaultLayout />}>
+          <Route path='/' element={<DefaultLayout />}>
           <Route index element={<Home />} />
-          <Route path="/login" element={<Login />} />
-          <Route path="/competitions" element={<List1 />} />
-          <Route path="/mypage" element={<MyPageMain />} />
-          <Route path="/community" element={<Community />} />
-          <Route path="/community/club" element={<Club />} />
-          <Route path="/join" element={<Join />} />
-          <Route path="/community/question" element={<Question />} />
-          <Route path="/community/question/write" element={<QuestionForm />} />
-          <Route path="/match" element={<FriendlyMatch />} />
-          <Route path="/post" element={<PostMatch />} />
-          <Route path="/apply" element={<ApplyMatch />} />
-          <Route path="/forgot" element={<ForgotPage/>} />
-          <Route path="/reset" element={<ResetPage/>}/>
+          <Route path='/login' element={<Login />} />
+          <Route path='/competitions' element={<List1 />} />
+          <Route path='/mypage' element={<MyPageMain />} />
+          <Route path='/community' element={<Community />} />
+          <Route path='/community/club' element={<Club />} />
+          <Route path='/join' element={<Join />} />
+          <Route path='/community/question' element={<Question />} />
+          <Route path='/community/question/write' element={<QuestionForm />} />
+          <Route path='/match' element={<FriendlyMatch />} />
+          <Route path='/post' element={<PostMatch />} />
+          <Route path='/apply' element={<ApplyMatch />} />
+          <Route path='/forgot' element={<ForgotPage/>} />
+          <Route path='/kakaoLogin' element={<KakaoLogin/>}/>
+          <Route path='/reset' element={<ResetPage/>}/>
         </Route>
         </Routes>
       </Suspense>