From fde159b61f321d462770e2c734e5250d2d282599 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A3=BC=EC=9B=90?= <juwon2298@naver.com>
Date: Tue, 5 Mar 2024 21:43:52 +0900
Subject: [PATCH] =?UTF-8?q?feat=20:=20=EC=99=B8=EC=B6=9C=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 services/admin/src/pages/goOut/index.tsx | 19 +++++++++++++++++++
 services/admin/src/router.tsx            | 12 ++++++------
 services/admin/src/utils/pagePath.ts     |  8 +++++---
 3 files changed, 30 insertions(+), 9 deletions(-)
 create mode 100644 services/admin/src/pages/goOut/index.tsx

diff --git a/services/admin/src/pages/goOut/index.tsx b/services/admin/src/pages/goOut/index.tsx
new file mode 100644
index 00000000..611e1dae
--- /dev/null
+++ b/services/admin/src/pages/goOut/index.tsx
@@ -0,0 +1,19 @@
+import { WithNavigatorBar } from '@/components/WithNavigatorBar';
+import styled from 'styled-components';
+import { Button } from '@team-aliens/design-system';
+
+export function Outing() {
+  return (
+    <WithNavigatorBar>
+      <_Wrapper>
+        <Button>모달 열기</Button>
+      </_Wrapper>
+    </WithNavigatorBar>
+  );
+}
+
+const _Wrapper = styled.div`
+  margin: 0 auto;
+  width: 1030px;
+  margin-bottom: 150px;
+`;
diff --git a/services/admin/src/router.tsx b/services/admin/src/router.tsx
index a426f525..4d8fefa7 100644
--- a/services/admin/src/router.tsx
+++ b/services/admin/src/router.tsx
@@ -1,9 +1,4 @@
-import {
-  Route,
-  Routes,
-  BrowserRouter,
-  createBrowserRouter,
-} from 'react-router-dom';
+import { createBrowserRouter } from 'react-router-dom';
 import { LoginPage } from '@/pages/LoginPage';
 import { FindIdPage } from './pages/FindId';
 import { Home } from '@/pages/Home';
@@ -22,6 +17,7 @@ import Index from '@/pages/apply';
 import RemainsLists from '@/pages/apply/remains';
 import { pagePath } from './utils/pagePath';
 import { NotFoundPage } from './pages/NotFound';
+import { Outing } from './pages/goOut';
 
 export const pathToKorean = {
   'notice': {
@@ -114,6 +110,10 @@ export const Router = createBrowserRouter([
           },
         ],
       },
+      {
+        path: pagePath.outing,
+        children: [{ index: true, element: <Outing /> }],
+      },
     ],
   },
 ]);
diff --git a/services/admin/src/utils/pagePath.ts b/services/admin/src/utils/pagePath.ts
index 4b8687f9..3d6eb6a2 100644
--- a/services/admin/src/utils/pagePath.ts
+++ b/services/admin/src/utils/pagePath.ts
@@ -16,10 +16,10 @@ interface PagePath {
       list: '/apply/study';
       create: '/apply/study/create';
       deatail: (
-        studyRoomId: number | string,
+        studyRoomId: number | string
       ) => `/apply/study/detail/${typeof studyRoomId}`;
       patch: (
-        studyRoomId: number | string,
+        studyRoomId: number | string
       ) => `/apply/study/detail/patch/${typeof studyRoomId}`;
     };
   };
@@ -28,9 +28,10 @@ interface PagePath {
     write: '/notice/write';
     detail: (noticeId: number | string) => `/notice/detail/${typeof noticeId}`;
     patch: (
-      noticeId: number | string,
+      noticeId: number | string
     ) => `/notice/detail/patch/${typeof noticeId}`;
   };
+  outing: '/outing';
 }
 
 export const pagePath: PagePath = {
@@ -62,4 +63,5 @@ export const pagePath: PagePath = {
         `/apply/study/detail/patch/${studyRoomId}`,
     },
   },
+  outing: '/outing',
 } as const;