feat: route path 상수화

frontend/src/constants/path.ts

@@ -0,0 +1,16 @@
+export const PATH = {
+  app: '',
+  introducePage: '',
+  oauthPage: 'oauth/login/*',
+  kakao: 'kakao',
+  space: 'space',
+  writingPage: 'writings/:categoryId/:writingId',
+  writingTablePage: 'writings/:categoryId',
+} as const;
+
+export const NAVIGATE_PATH = {
+  homePage: `/${PATH.space}`,
+  getWritingTablePage: (categoryId: number) => `/${PATH.space}/writings/${categoryId}`,
+  getWritingPage: (categoryId: number, writingId: number) =>
+    `/${PATH.space}/writings/${categoryId}/${writingId}`,
+} as const;

frontend/src/hooks/usePageNavigate.ts

@@ -1,14 +1,16 @@
+import { NAVIGATE_PATH } from 'constants/path';
 import { useNavigate } from 'react-router-dom';
 
 export const usePageNavigate = () => {
   const navigate = useNavigate();
 
-  const goHomePage = () => navigate('/space');
+  const goHomePage = () => navigate(NAVIGATE_PATH.homePage);
 
-  const goWritingPage = ({ categoryId, writingId }: { categoryId: number; writingId: number }) =>
-    navigate(`/space/writings/${categoryId}/${writingId}`);
+  const goWritingTablePage = (categoryId: number) =>
+    navigate(NAVIGATE_PATH.getWritingTablePage(categoryId));
 
-  const goWritingTablePage = (categoryId: number) => navigate(`/space/writings/${categoryId}`);
+  const goWritingPage = ({ categoryId, writingId }: { categoryId: number; writingId: number }) =>
+    navigate(NAVIGATE_PATH.getWritingPage(categoryId, writingId));
 
-  return { goHomePage, goWritingPage, goWritingTablePage };
+  return { goHomePage, goWritingTablePage, goWritingPage };
 };

frontend/src/routes/Router.tsx

@@ -5,36 +5,37 @@ import App from '../App';
 import OauthPage from 'pages/OauthPage/OauthPage';
 import IntroducePage from 'pages/IntroducePage/IntroducePage';
 import Layout from 'pages/Layout/Layout';
+import { PATH } from 'constants/path';
 
 export const Router = () => {
   const browserRouter = createBrowserRouter([
     {
-      path: '',
+      path: PATH.app,
       element: <App />,
       children: [
         {
-          path: '',
+          path: PATH.introducePage,
           element: <IntroducePage />,
         },
         {
-          path: 'oauth/login/*',
+          path: PATH.oauthPage,
           children: [
             {
-              path: 'kakao',
+              path: PATH.kakao,
               element: <OauthPage />,
             },
           ],
         },
         {
-          path: 'space',
+          path: PATH.space,
           element: <Layout />,
           children: [
             {
-              path: 'writings/:categoryId/:writingId',
+              path: PATH.writingPage,
               element: <WritingPage />,
             },
             {
-              path: 'writings/:categoryId',
+              path: PATH.writingTablePage,
               element: <WritingTablePage />,
             },
           ],