fix: 로그인 분기 수정 & 회원 가입 시 json으로 전송

Author: mingkyeongg

src/App.tsx

@@ -1,16 +1,15 @@
 'use client';
-import { router } from '@/routes/router';
-import { refreshAuthAtom } from '@/store/auth';
-import { useSetAtom } from 'jotai';
-import { useEffect } from 'react';
+
 import { RouterProvider } from 'react-router-dom';
 
+import { router } from '@/routes/router';
+
 export const App = () => {
-  const refreshAuth = useSetAtom(refreshAuthAtom);
+  // const refreshAuth = useSetAtom(refreshAuthAtom);
 
-  useEffect(() => {
-    refreshAuth();
-  }, []);
+  // useEffect(() => {
+  //   refreshAuth();
+  // }, []);
 
   return <RouterProvider router={router} />;
-};
+};

src/api/apiInstance.ts

@@ -116,7 +116,7 @@ apiInstance.interceptors.response.use(
             })
             .catch((reissueError: AxiosError) => {
               processQueue(reissueError);
-              navigate(PATH.LOGIN);
+              // navigate(PATH.LOGIN);
 
               console.error('reissue error', reissueError);
               return Promise.reject(reissueError);
@@ -128,7 +128,6 @@ apiInstance.interceptors.response.use(
 
         // 리프레시 토큰이 만료됨
         // sessionStorage.removeItem('Authorization');
-        navigate(PATH.LOGIN);
         return Promise.reject(error);
       }
     }

src/api/user.ts

@@ -23,18 +23,10 @@ export const createProfile = async ({
   memberExplain,
   image,
 }: ProfileMutationArgs) => {
-  const formData = new FormData();
-
-  formData.append('memberName', memberName);
-  formData.append('memberExplain', memberExplain);
-  if (image) {
-    formData.append('image', image);
-  }
-
-  const res = await apiInstance.post('v1/members', formData, {
-    headers: {
-      'Content-Type': 'multipart/form-data',
-    },
+  const res = await apiInstance.post('v1/members', {
+    memberName,
+    memberExplain,
+    image,
   });
 
   return res.data;

src/routes/router.tsx

@@ -30,19 +30,20 @@ import { useAtom } from 'jotai';
 
 const useAuth = () => {
   const [isLoggedIn] = useAtom(isLoggedInAtom);
+  console.log('useAuth isLoggedIn', isLoggedIn);
   // if (isDevMode()) {
   //   return {
   //     isAuthenticated: true,
   //   };
   // }
-  console.log('isLoggedIn', isLoggedIn);
   return {
     isAuthenticated: isLoggedIn,
   };
 };
 
 const PrivateRoute = ({ children }: { children: React.ReactNode }) => {
   const { isAuthenticated } = useAuth();
+  console.log('PrivateRoute isAuthenticated', isAuthenticated);
   const location = useLocation();
 
   if (!isAuthenticated) {
@@ -113,11 +114,9 @@ export const router = createBrowserRouter(
         {
           path: PATH.ENROLL,
           element: (
-            <PrivateRoute>
-              <Suspense fallback={<LazySkeleton />}>
-                <LazyEnrollTemplate />
-              </Suspense>
-            </PrivateRoute>
+            <Suspense fallback={<LazySkeleton />}>
+              <LazyEnrollTemplate />
+            </Suspense>
           ),
         },
         {