diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 3a38fd8..d336b88 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -71,6 +71,10 @@ const BottomBar = () => { ); }; const Layout = ({ top, children }: { top?: TopBar; children: ReactNode }) => { + const navigate = useNavigate(); + if (!localStorage.getItem('token')) { + navigate(ROUTE_PATH.INTRO); + } return ( {top && } diff --git a/src/pages/KakaoLogIn.tsx b/src/pages/KakaoLogIn.tsx index b8375ff..16c0c57 100644 --- a/src/pages/KakaoLogIn.tsx +++ b/src/pages/KakaoLogIn.tsx @@ -1,42 +1,7 @@ -import axios from 'axios'; -import QueryString from 'qs'; -import { useEffect } from 'react'; -import { useNavigate } from 'react-router-dom'; -import ROUTE_PATH from '../router/constants'; - -const { - VITE_KAKAO_REST_API_KEY, - VITE_KAKAO_REDIRECT_URI, - VITE_KAKAO_CLIENT_SECRET, -} = import.meta.env; - const KakaoLogIn = () => { - const navigate = useNavigate(); - useEffect(() => { - const code = new URL(window.location.href).searchParams.get('code'); + const code = new URL(window.location.href).searchParams.get('code'); - const getToken = async () => { - const payload = QueryString.stringify({ - grant_type: 'authorization_code', - client_id: VITE_KAKAO_REST_API_KEY, - redirect_uri: VITE_KAKAO_REDIRECT_URI, - code: code, - client_secret: VITE_KAKAO_CLIENT_SECRET, - }); - try { - const response = await axios.post( - 'https://kauth.kakao.com/oauth/token', - payload - ); - // response.data 에서 access_token 과 refresh_token이 존재함 - console.log(response); - navigate(ROUTE_PATH.REGISTER_PET); - } catch (error) { - console.error(error); - } - }; - getToken(); - }, [navigate]); + console.log(code); return (
diff --git a/src/router/constants.ts b/src/router/constants.ts index 2b36a5e..14361f6 100644 --- a/src/router/constants.ts +++ b/src/router/constants.ts @@ -1,7 +1,7 @@ const ROUTE_PATH = { ROOT: '/', HOME: '', - INTRO: 'intro', + INTRO: '/intro', KAKAO_LOGIN: '/oauth/kakao/callback', REGISTER_PET: '/register/pet', REGISTER_PEOPLE: '/register/people',