From 191b49ebb8593f07f7155a8ef8510134927e4e90 Mon Sep 17 00:00:00 2001
From: NamKyeongMin <kyeongmin35@gachon.ac.kr>
Date: Sun, 18 May 2025 23:35:12 +0900
Subject: [PATCH] =?UTF-8?q?[fix]:=20ManageTask=20/=20ManageStudent=20Heade?=
 =?UTF-8?q?r=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.jsx                           |  2 +-
 frontend/src/api/students.js                   |  2 +-
 frontend/src/components/Header.jsx             |  8 ++++++--
 frontend/src/pages/admin/Admin.jsx             |  2 +-
 frontend/src/pages/admin/ManageTask.jsx        | 13 ++++++++++---
 frontend/src/pages/admin/ManageTask.module.css |  6 ++++++
 6 files changed, 25 insertions(+), 8 deletions(-)
 create mode 100644 frontend/src/pages/admin/ManageTask.module.css

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 0b549ed..979e239 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -23,7 +23,7 @@ function App() {
         <Route path="/deposit" element={<Deposit />} />
         <Route path="/admin" element={<Admin />} />
         <Route path="/managestudent" element={<ManageStudent />} />
-        <Route path="/magagetask" element={<ManageTask />} />
+        <Route path="/managetask" element={<ManageTask />} />
         <Route path="/attendancecode" element={<AttendanceCode />} />
       </Routes>
     </BrowserRouter>
diff --git a/frontend/src/api/students.js b/frontend/src/api/students.js
index eac3665..271ee4f 100644
--- a/frontend/src/api/students.js
+++ b/frontend/src/api/students.js
@@ -1,7 +1,7 @@
 import api from "./api";
 
 export const getStudentsByName = async (name) => {
-  const res = await api.get("/admin/managestudent", {
+  const res = await api.get(`/admin/managestudent`, {
     params: { name },
   });
   return res.data; // [{ id: ..., name: ... }]
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
index fe0403d..9530644 100644
--- a/frontend/src/components/Header.jsx
+++ b/frontend/src/components/Header.jsx
@@ -11,10 +11,14 @@ const Header = () => {
   else if (path.includes("deposit")) title = "DEPOSIT";
   else if (path.includes("attendance")) title = "ATTENDANCE\nCHECK";
   else if (path.includes("managestudent")) title = "수강생 관리";
-  else if (path.includes("magagetask")) title = "과제 관리";
+  else if (path.includes("managetask")) title = "과제 관리";
   else if (path.includes("attendancecode")) title = "출석코드 생성";
 
-  const showRightDeposit = !path.includes("deposit");
+  const showRightDeposit =
+    !path.includes("deposit") &&
+    !path.includes("managestudent") &&
+    !path.includes("managetask"); // 수강생 관리, 과제 관리 페이지 추가
+
   const showRightMagageStudent = path.includes("attendancecode");
 
   return (
diff --git a/frontend/src/pages/admin/Admin.jsx b/frontend/src/pages/admin/Admin.jsx
index 6b9e4e9..ddcbf85 100644
--- a/frontend/src/pages/admin/Admin.jsx
+++ b/frontend/src/pages/admin/Admin.jsx
@@ -15,7 +15,7 @@ const Admin = () => {
         </button>
         <button
           className={styles.button}
-          onClick={() => navigate("/magagetask")}
+          onClick={() => navigate("/managetask")}
         >
           <p>과제 관리</p>
         </button>
diff --git a/frontend/src/pages/admin/ManageTask.jsx b/frontend/src/pages/admin/ManageTask.jsx
index 7140e6e..713095d 100644
--- a/frontend/src/pages/admin/ManageTask.jsx
+++ b/frontend/src/pages/admin/ManageTask.jsx
@@ -1,4 +1,11 @@
-const MagageTask = () => {
-  return <p>과제 관리</p>;
+import Header from "../../components/Header";
+import style from "./ManageTask.module.css";
+
+const ManageTask = () => {
+  return (
+    <div className={style.managetask_wrapper}>
+      <Header />
+    </div>
+  );
 };
-export default MagageTask;
+export default ManageTask;
diff --git a/frontend/src/pages/admin/ManageTask.module.css b/frontend/src/pages/admin/ManageTask.module.css
new file mode 100644
index 0000000..9099a04
--- /dev/null
+++ b/frontend/src/pages/admin/ManageTask.module.css
@@ -0,0 +1,6 @@
+.managetask_wrapper {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+}