Merge remote-tracking branch 'origin/kimpen'

client/src/components/Admin/Admin.js

 import { Link, Route, Switch, useRouteMatch } from "react-router-dom";
-import styles from "./admin.module.scss"
+import MovieEdit from "./MovieEdit";
+import TheaterEdit from "./TheaterEdit";
+import CinemaEdit from "./CinemaEdit";
+import styles from "./admin.module.scss";
 
 const Admin = () => {
     const match = useRouteMatch()
@@ -8,21 +11,21 @@ const Admin = () => {
         <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>
+                    <Link to={`${match.url}/movie`} className="nav-link text-dark text-center active">영화 관리</Link>
                 </li>
                 <li className="nav-item">
-                    <Link to={`${match.url}/theater`} className="nav-link text-center text-dark">상영관 관리</Link>
+                    <Link to={`${match.url}/theater`} className="nav-link text-dark text-center">상영관 관리</Link>
                 </li>
                 <li className="nav-item">
-                    <Link to={`${match.url}/cinema`} className="nav-link text-center text-dark">영화관 관리</Link>
+                    <Link to={`${match.url}/cinema`} className="nav-link text-dark text-center">영화관 관리</Link>
                 </li>
             </nav>
-            <div className="col-md-9 col-lg-10 tab-content" id="v-pills-tabContent">
+            <div className="tab-content container col-md-9 col-lg-10 mt-3" 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>
+                    <Route path={`${match.path}/movie`}><MovieEdit /></Route>
+                    <Route path={`${match.path}/theater`}><TheaterEdit /></Route>
+                    <Route path={`${match.path}/cinema`}><CinemaEdit /></Route>
+                    <Route path={`${match.path}`}><MovieEdit /></Route>
                 </Switch>
             </div>
         </div>

client/src/components/Admin/CinemaEdit.js

+const CinemaEdit = () => {
+    function handleChange(e) {
+        const { name, value } = e.target
+        console.log("name=",name,"value=",value)
+    }
+
+    return (
+        <>
+            <h2 className="border-bottom border-2 text-center pb-2 me-2">현재 영화관 정보</h2>
+            <input type="text" className="form-control" id="cinema" name="cinema" onChange={handleChange} />
+            <p>총 상영관 수: 8개관 | 총 좌석 수: 1,282석</p>
+            <div className="mb-3">
+                <label for="transportation" className="form-label">대중교통 안내</label>
+                <textarea className="form-control" id="transportation" name="transportation" onChange={handleChange}></textarea>
+            </div>
+            <div className="mb-3">
+                <label for="parking" className="form-label">자가용/주차안내</label>
+                <textarea className="form-control" id="parking" name="parking" onChange={handleChange}></textarea>
+            </div>
+            <label>지도보기</label>
+        </>
+    )
+}
+export default CinemaEdit
\ No newline at end of file

client/src/components/Admin/MovieEdit.js

+import Search from "../Search";
+
+const MovieEdit = () => {
+    return (
+        <div className="d-flex justify-content-around">
+            <button type="button" className="btn btn-dark" style={{ width: "5em" }}>등록</button>
+            <Search type="admin" />
+        </div>
+    )
+}
+export default MovieEdit
\ No newline at end of file

client/src/components/Admin/TheaterEdit.js

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

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

 @media screen and (max-width: 768px) {
     .box {
-        margin-bottom: 110px;
+        margin-bottom: 100px;
 
         & .navbar {
             position: fixed;