AdminPage 기본 골격

client/src/components/Admin/Admin.js

+import { Link, Route, Switch, useRouteMatch } from "react-router-dom";
+import styles from "./admin.module.scss"
+
+const Admin = () => {
+    const match = useRouteMatch()
+
+    return (
+        <div className={`d-md-flex align-items-md-start ${styles.box}`}>
+            <nav className={`col-md-3 col-lg-2 nav flex-md-column flex-row ${styles.navbar}`} id="v-pills-tab" role="tablist" aria-orientation="vertical">
+                <li className="nav-item">
+                    <Link to={`${match.url}/movie`} className="nav-link text-center text-dark active">영화 관리</Link>
+                </li>
+                <li className="nav-item">
+                    <Link to={`${match.url}/theater`} className="nav-link text-center text-dark">상영관 관리</Link>
+                </li>
+                <li className="nav-item">
+                    <Link to={`${match.url}/cinema`} className="nav-link text-center text-dark">영화관 관리</Link>
+                </li>
+            </nav>
+            <div className="col-md-9 col-lg-10 tab-content" id="v-pills-tabContent">
+                <Switch>
+                    <Route path={`${match.path}/movie`}></Route>
+                    <Route path={`${match.path}/theater`}></Route>
+                    <Route path={`${match.path}/cinema`}></Route>
+                    <Route path={`${match.path}`}></Route>
+                </Switch>
+            </div>
+        </div>
+    )
+}
+
+export default Admin
\ No newline at end of file

client/src/components/Admin/admin.module.scss

+@media screen and (max-width: 768px) {
+    .box {
+        margin-bottom: 110px;
+
+        & .navbar {
+            position: fixed;
+            bottom: 0;
+            left: 0px;
+            width: 100%;
+            justify-content: center;
+            background-color: #fff;
+            padding-top: 5px;
+            box-shadow: 0 -5px 3px 0 #FEDC00;
+            z-index: 10;
+        }
+    }
+}
\ No newline at end of file

client/src/components/Admin/index.js

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

client/src/pages/AdminPage/AdminPage.js

 import AdminLayout from "./AdminLayout";
+import Admin from "../../components/Admin/Admin";
 
 const AdminPage = () => {
     return (
         <AdminLayout>
-            
+            <Admin />
         </AdminLayout>
     )
 }