Menu style 및 collapse 기능 완료

client/src/App.js

@@ -11,7 +11,7 @@ import ErrorPage from "./pages/ErrorPage";
 function App() {
   return (
     <Router basename={process.env.PUBLIC_URL}>
-      <div id="box" className="container mx-sm-auto">
+      <div id="box" className="container position-relative vh-100 mx-sm-auto">
         <Switch>
           <Route exact path="/" component={LoginPage} />
           <Route path="/login" component={LoginPage} />

client/src/components/Menu/Menu.js

+import styles from "./menu.module.scss";
+
 const Menu = () => {
     return (
-        <></>
+        <>
+            <button className="btn btn-crimson shadow-none mt-2" type="button" data-bs-toggle="collapse" data-bs-target="#menuContent" aria-controls="menuContent" aria-expanded="false" aria-label="menu">
+                <i className="bi bi-list fs-4"></i>
+            </button>
+            <div className={`collapse collapse-horizontal position-absolute top-0 start-0 h-100 ${styles.content}`} id="menuContent">
+                <button type="button" className={`btn-close btn-close-white btn-lg position-absolute ${styles.close}`} data-bs-toggle="collapse" data-bs-target="#menuContent" aria-controls="menuContent" aria-expanded="true" aria-label="menu"></button>
+            </div>
+        </>
     )
 }
 

client/src/components/Menu/menu.module.scss

+.content {
+    background-color: #343a40;
+    z-index: 1;
+
+    & .close {
+        top: 10px;
+        right: 10px;
+    }
+}
\ No newline at end of file

client/src/pages/HomePage.js

+import Menu from "../components/Menu/Menu.js";
+
 const HomePage = () => {
     return (
-        <></>
+        <Menu />
     )
 }