#46 feat: router 설계

src/common/router/Router.tsx

@@ -0,0 +1,38 @@
+//
+// 회원가입 -> signin/terms | signin/info
+// archiving
+// showcase
+import App from '@/App';
+
+import { RouterProvider, createBrowserRouter } from 'react-router-dom';
+
+const router = createBrowserRouter([
+  {
+    path: '/',
+    element: <App />,
+    children: [
+      { path: 'showcase', element: <p>showcase</p> },
+      { path: 'archiving', element: <p>archiving</p> },
+      {
+        path: 'signin',
+        element: <p>terms</p>,
+      },
+      {
+        path: 'signin/info',
+        element: <p>info</p>,
+      },
+      {
+        path: 'password/auth',
+        element: <p>인증</p>,
+      },
+      {
+        path: 'password/reset',
+        element: <p>재설정</p>,
+      },
+    ],
+  },
+]);
+
+export const AppRouter = () => {
+  return <RouterProvider router={router} />;
+};

src/main.tsx

@@ -6,13 +6,12 @@ import { createRoot } from 'react-dom/client';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
+import { AppRouter } from '@/common/router/Router';
 import { globalStyle } from '@/common/style/globalStyle';
 import { theme } from '@/common/style/theme/theme';
 
 import { worker } from '@/mock/browser';
 
-import App from './App';
-
 const queryClient = new QueryClient();
 
 const main = async () => {
@@ -31,7 +30,7 @@ const main = async () => {
       <QueryClientProvider client={queryClient}>
         <ThemeProvider theme={theme}>
           <Global styles={globalStyle} />
-          <App />
+          <AppRouter />
         </ThemeProvider>
         <ReactQueryDevtools initialIsOpen={false} />
       </QueryClientProvider>