[add]: ManageStudent.jsx

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 = "출석코드 생성";
 

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 <p>수강생 관리</p>;
+  const [studentName, setStudentName] = useState([""]);
+
+  const handleChange = (index, value) => {
+    const studentNames = [...studentName];
+    studentNames[index] = value;
+    setStudentName(studentNames);
+  };
+
+  return (
+    <div className={style.managestudent_wrapper}>
+      <Header />
+      <InputBlock
+        inputs={[
+          {
+            type: "text",
+            placeholder: "수강생을 검색하세요",
+          },
+        ]}
+        values={studentName}
+        onChange={handleChange}
+      />
+    </div>
+  );
 };
 export default MagageStudent;

frontend/src/pages/admin/ManageStudent.module.css

@@ -0,0 +1,6 @@
+.managestudent_wrapper {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+}