diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx index 5c3501d..914c888 100644 --- a/frontend/src/components/Header.jsx +++ b/frontend/src/components/Header.jsx @@ -10,7 +10,7 @@ const Header = () => { if (path.includes("assignment")) title = "ASSIGNMENT\nCHECK"; else if (path.includes("deposit")) title = "DEPOSIT"; else if (path.includes("attendance")) title = "ATTENDANCE\nCHECK"; - else if (path.includes("magagestudent")) title = "수강생관리"; + else if (path.includes("magagestudent")) title = "수강생 관리"; else if (path.includes("magagetask")) title = "과제 관리"; else if (path.includes("attendancecode")) title = "출석코드 생성"; diff --git a/frontend/src/pages/admin/ManageStudent.jsx b/frontend/src/pages/admin/ManageStudent.jsx index 41f63e8..eef36a7 100644 --- a/frontend/src/pages/admin/ManageStudent.jsx +++ b/frontend/src/pages/admin/ManageStudent.jsx @@ -1,4 +1,31 @@ +import { useState } from "react"; +import Header from "../../components/Header"; +import InputBlock from "../../components/InputBlock"; +import style from "./ManageStudent.module.css"; + const MagageStudent = () => { - return

수강생 관리

; + const [studentName, setStudentName] = useState([""]); + + const handleChange = (index, value) => { + const studentNames = [...studentName]; + studentNames[index] = value; + setStudentName(studentNames); + }; + + return ( +
+
+ +
+ ); }; export default MagageStudent; diff --git a/frontend/src/pages/admin/ManageStudent.module.css b/frontend/src/pages/admin/ManageStudent.module.css new file mode 100644 index 0000000..5e87c6a --- /dev/null +++ b/frontend/src/pages/admin/ManageStudent.module.css @@ -0,0 +1,6 @@ +.managestudent_wrapper { + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +}