diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index d064d89ae..9c4ba6252 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,7 +1,7 @@
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { ErrorBoundary } from 'components/ErrorBoundary/ErrorBoundary';
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import Layout from 'pages/Layout/Layout';
+import { Outlet } from 'react-router-dom';
const queryClient = new QueryClient({
defaultOptions: {
@@ -16,7 +16,7 @@ const App = () => {
return (
-
+
diff --git a/frontend/src/routes/Router.tsx b/frontend/src/routes/Router.tsx
index 0a1a48c9a..0b25812d1 100644
--- a/frontend/src/routes/Router.tsx
+++ b/frontend/src/routes/Router.tsx
@@ -3,6 +3,8 @@ import WritingPage from 'pages/WritingPage/WritingPage';
import WritingTablePage from 'pages/WritingTablePage/WritingTablePage';
import App from '../App';
import OauthPage from 'pages/OauthPage/OauthPage';
+import IntroducePage from 'pages/IntroducePage/IntroducePage';
+import Layout from 'pages/Layout/Layout';
export const Router = () => {
const browserRouter = createBrowserRouter([
@@ -11,12 +13,8 @@ export const Router = () => {
element: ,
children: [
{
- path: '/writings/:categoryId/:writingId',
- element: ,
- },
- {
- path: '/writings/:categoryId',
- element: ,
+ path: '',
+ element: ,
},
{
path: '/oauth/login/*',
@@ -27,6 +25,20 @@ export const Router = () => {
},
],
},
+ {
+ path: '/space',
+ element: ,
+ children: [
+ {
+ path: 'writings/:categoryId/:writingId',
+ element: ,
+ },
+ {
+ path: 'writings/:categoryId',
+ element: ,
+ },
+ ],
+ },
],
},
]);