[FE] feat : 로그인 검사 커스텀 훅 생성 및 설정 (#40)

front/hooks/useLoginCheck.ts

@@ -0,0 +1,23 @@
+import { useRouter } from 'next/router';
+import React, { useEffect } from 'react';
+import { useCookies } from 'react-cookie';
+
+const useLoginCheck = () => {
+  const [cookies] = useCookies();
+  const router = useRouter();
+  return useEffect(() => {
+    const { pathname } = router;
+    const { accessToken } = cookies;
+
+    if (accessToken) {
+      if (pathname === '/login' || pathname === '/login/email' || pathname === 'signup') {
+        router.back();
+      }
+      router.push('/map');
+    } else {
+      router.push('/login');
+    }
+  }, [cookies, router.pathname]);
+};
+
+export default useLoginCheck;

front/pages/_app.tsx

@@ -6,8 +6,11 @@ import withRedux from 'next-redux-wrapper';
 
 import { store } from '../state/store';
 import '../styles/globals.css';
+import useLoginCheck from '../hooks/useLoginCheck';
 
 function MyApp({ Component, pageProps }: AppProps) {
+  useLoginCheck();
+
   return (
     <Provider store={store}>
       <Component {...pageProps} />