회원가입 및 로그인 기능 수정

src/App.tsx

@@ -1,6 +1,7 @@
 import { Routes } from './app/routes';
 import { AllSeniorInfoProvider } from './shared';
 import { queryClient } from './shared/api/instance';
+import { AuthProvider } from './shared/provider/auth/Auth';
 import { globalStyle } from './shared/theme/global';
 import { ChakraProvider } from '@chakra-ui/react';
 import { Global } from '@emotion/react';
@@ -11,8 +12,10 @@ const App = () => {
     <ChakraProvider>
       <QueryClientProvider client={queryClient}>
         <AllSeniorInfoProvider>
-          <Global styles={globalStyle} />
-          <Routes />
+          <AuthProvider>
+            <Global styles={globalStyle} />
+            <Routes />
+          </AuthProvider>
         </AllSeniorInfoProvider>
       </QueryClientProvider>
     </ChakraProvider>

src/app/routes/index.tsx

@@ -18,6 +18,8 @@ import {
   SinittoGuideLinePage,
   SinittoReviewPage,
   HelloCallApplyPage,
+  GuardMainPage,
+  SinittoMainPage,
 } from '@/pages';
 import { Layout } from '@/shared/components';
 
@@ -38,14 +40,31 @@ export const router = createBrowserRouter([
   },
   {
     path: RouterPath.REDIRECT,
-    element: <Layout title='안내' />,
     children: [
       {
         index: true,
         element: <RedirectPage />,
       },
     ],
   },
+  {
+    path: RouterPath.GUARD,
+    children: [
+      {
+        index: true,
+        element: <GuardMainPage />,
+      },
+    ],
+  },
+  {
+    path: RouterPath.SINITTO,
+    children: [
+      {
+        index: true,
+        element: <SinittoMainPage />,
+      },
+    ],
+  },
   {
     path: RouterPath.SINITTO_MYPAGE,
     element: <Layout title='마이페이지' />,

src/app/routes/path.ts

@@ -4,8 +4,10 @@ export const RouterPath = {
   SIGNUP: '/signup',
   REGISTER: '/register',
   REDIRECT: '/redirection',
+  GUARD: '/guard',
   GUARD_MYPAGE: `/guard/mypage`,
   GUARD_GUIDELINE: `/guard/guideline`,
+  SINITTO: '/sinitto',
   SINITTO_MYPAGE: `/sinitto/mypage`,
   SERVICE_HISTORY: `/service-history`,
   HELLO_CALL: `/hello-call`,

src/pages/common/redirect/store/api/kakao-callback.api.ts → src/pages/common/redirect/api/kakao-callback.api.ts

@@ -21,5 +21,6 @@ export const getKakaoCallback = async (
       code,
     },
   });
+  console.log(response.data);
   return response.data;
 };

src/pages/common/redirect/components/redirect-section/RedirectSection.tsx

@@ -1,7 +1,9 @@
 import { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 
-import { useGetKakaoCallback } from '../../store/hooks';
+import { RouterPath } from '@/app/routes/path';
+import { useGetKakaoCallback } from '@/pages';
+import { useAuth } from '@/shared';
 import { Flex, Spinner, Text } from '@chakra-ui/react';
 
 type Props = {
@@ -11,18 +13,28 @@ type Props = {
 const RedirectSection = ({ code }: Props) => {
   const navigate = useNavigate();
 
+  const { setEmail } = useAuth();
+
   const { data } = useGetKakaoCallback(code);
 
   useEffect(() => {
     if (data) {
       const accessToken = data.accessToken;
       const refreshToken = data.refreshToken;
+
       localStorage.setItem('accessToken', accessToken);
       localStorage.setItem('refreshToken', refreshToken);
 
-      navigate('/');
+      setEmail(data.email);
+
+      if (!data.isMember) return navigate(data.redirectUrl);
+
+      if (accessToken) {
+        const path = data.isSinitto ? RouterPath.SINITTO : RouterPath.GUARD;
+        navigate(path);
+      }
     }
-  }, [data, navigate]);
+  }, [data, navigate, setEmail]);
 
   return (
     <Flex

src/pages/common/redirect/index.ts

@@ -1 +1,5 @@
 export { default as RedirectPage } from './RedirectPage';
+
+export * from './api';
+export * from './hooks';
+export * from './components';

src/pages/common/register/RegisterPage.tsx

@@ -6,11 +6,13 @@ import { useRegister } from './store/hooks';
 import { FormValues } from './types';
 import { parsePhoneNumber } from '@/shared';
 import { BasicButton } from '@/shared/components';
+import { useAuth } from '@/shared/provider/auth/Auth';
 import { Divider } from '@chakra-ui/react';
 import styled from '@emotion/styled';
 
 const RegisterPage = () => {
   const [userType, setUserType] = useState('');
+
   const {
     register,
     handleSubmit,
@@ -20,6 +22,8 @@ const RegisterPage = () => {
   // 회원가입 처리
   const mutation = useRegister();
 
+  const { email } = useAuth();
+
   const handleUserType = (id: string) => {
     setUserType(id);
   };
@@ -31,7 +35,7 @@ const RegisterPage = () => {
     const requestData = {
       name: data.name,
       phoneNumber: parsePhoneNumber(data.phoneNumber),
-      email: '[email protected]', // 임시 (카카오 로그인 후 넘겨받기)
+      email: email || '',
       isSinitto,
     };
     console.log(requestData);

src/pages/guard/guard-main/GuardMainPage.tsx

@@ -0,0 +1,3 @@
+export const GuardMainPage = () => {
+  return <div>GuardMainPage</div>;
+};

src/pages/guard/guard-main/index.ts

@@ -0,0 +1 @@
+export { GuardMainPage } from './GuardMainPage';

src/pages/guard/index.ts

@@ -5,3 +5,4 @@ export * from './hello-call-apply';
 export * from './register';
 export * from './review';
 export * from './service-history';
+export * from './guard-main';

src/pages/sinitto/index.ts

@@ -4,3 +4,4 @@ export * from './hello-call-list';
 export * from './hello-call-report';
 export * from './hello-call-service';
 export * from './mypage';
+export * from './sinitto-main';

src/pages/sinitto/sinitto-main/SinittoMainPage.tsx

@@ -0,0 +1,3 @@
+export const SinittoMainPage = () => {
+  return <div>SinittoMainPage</div>;
+};

src/pages/sinitto/sinitto-main/index.ts

@@ -0,0 +1 @@
+export { SinittoMainPage } from './SinittoMainPage';

src/shared/hooks/index.ts

@@ -1,4 +1,3 @@
 export { useIntersectionObserver } from './useIntersectionObserver';
 export type { UseIntersectionObserverProps } from './useIntersectionObserver';
 export * from './point';
-export * from './phone-number';

src/shared/provider/auth/Auth.tsx

@@ -0,0 +1,26 @@
+import { createContext, ReactNode, useContext, useState } from 'react';
+
+type AuthInfo = {
+  email: string | null;
+  setEmail: (email: string) => void;
+};
+
+export const AuthContext = createContext<AuthInfo | undefined>(undefined);
+
+export const AuthProvider = ({ children }: { children: ReactNode }) => {
+  const [email, setEmail] = useState<string | null>(null);
+
+  return (
+    <AuthContext.Provider value={{ email, setEmail }}>
+      {children}
+    </AuthContext.Provider>
+  );
+};
+
+export const useAuth = () => {
+  const context = useContext(AuthContext);
+  if (!context) {
+    throw new Error('useAuth는 AuthProvider 내부에서 사용되어야 합니다.');
+  }
+  return context;
+};

src/shared/provider/auth/index.ts

@@ -0,0 +1 @@
+export { useAuth } from './Auth';

src/shared/provider/index.ts

@@ -1 +1,2 @@
+export * from './auth';
 export * from './senior-info';