AdminPage UI 만드는 중

client/src/App.js

@@ -6,13 +6,14 @@ import MovieListPage from "./pages/MovieListPage";
 import MoviePage from "./pages/MoviePage";
 import TheaterPage from "./pages/TheaterPage";
 import MyPage from "./pages/MyPage";
-import AdminPage from "./pages/AdminPage";
+import AdminPage from "./pages/AdminPage/AdminPage";
 
 function App() {
   return (
     <Router>
       <Switch>
         <Route exact path="/" component={HomePage} />
+        <Route path="/admin" component={AdminPage} />
       </Switch>
     </Router>
   );

client/src/pages/AdminPage.js

-const AdminPage = () => {
-    return (
-        <div>
-
-        </div>
-    )
-}
-
-export default AdminPage
\ No newline at end of file

client/src/pages/AdminPage/AdminLayout.js

+const AdminLayout = ({ children }) => {
+    return (
+        <>
+            <nav className="navbar navbar-light bg-light">
+                <a className="navbar-brand ms-5" href="/">
+                    <img src="/docs/5.0/assets/brand/bootstrap-logo.svg" alt="main" width="30" height="24" />
+                </a>
+            </nav>
+            {children}
+        </>
+    )
+}
+
+export default AdminLayout
\ No newline at end of file

client/src/pages/AdminPage/AdminPage.js

+import AdminLayout from "./AdminLayout";
+
+const AdminPage = () => {
+    return (
+        <AdminLayout>
+            
+        </AdminLayout>
+    )
+}
+
+export default AdminPage
\ No newline at end of file

client/src/pages/AdminPage/index.js

+export { default } from "./AdminPage"
\ No newline at end of file