diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 35cf6b5..3f48079 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -24,7 +24,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 />} />
         <Route path="/admin/attendance/:studentId" element={<AdminStudentAttendance />} />
       </Routes>
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;
+}