diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 50530e1..2d7135e 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -6,6 +6,9 @@ import Assignment from "./pages/generation/Assignment";
 import Deposit from "./pages/generation/Deposit";
 import Intro from "./Intro";
 import Admin from "./pages/admin/Admin";
+import MagageStudent from "./pages/admin/MagageStudent";
+import MagageTask from "./pages/admin/MagageTask";
+import AttendanceCode from "./pages/admin/AttendanceCode";
 import Attendance from "./pages/generation/Attendance";
 
 function App() {
@@ -19,6 +22,9 @@ function App() {
         <Route path="/attendance" element={<Attendance />} />
         <Route path="/deposit" element={<Deposit />} />
         <Route path="/admin" element={<Admin />} />
+        <Route path="/magagestudent" element={<MagageStudent />} />
+        <Route path="/magagetask" element={<MagageTask />} />
+        <Route path="/attendancecode" element={<AttendanceCode />} />
       </Routes>
     </BrowserRouter>
   );
diff --git a/frontend/src/pages/admin/Admin.jsx b/frontend/src/pages/admin/Admin.jsx
index 1eb01d0..2223673 100644
--- a/frontend/src/pages/admin/Admin.jsx
+++ b/frontend/src/pages/admin/Admin.jsx
@@ -1,9 +1,34 @@
+import { useNavigate } from "react-router-dom";
+import styles from "../generation/Home.module.css";
+
 const Admin = () => {
+  const navigate = useNavigate();
   return (
-    <div>
-      <h1>Admin Page</h1>
-      <p>This is the admin page.</p>
+    <div className={styles.home_container}>
+      <div className={styles.home}>
+        <h1 className={styles.pirocheck}>PIROCHECK</h1>
+        <button
+          className={styles.button}
+          onClick={() => navigate("/magagestudent")}
+        >
+          <p>수강생 관리</p>
+        </button>
+        <button
+          className={styles.button}
+          onClick={() => navigate("/magagetask")}
+        >
+          <p>과제 관리</p>
+        </button>
+        <button
+          className={styles.button}
+          onClick={() => navigate("/attendancecode")}
+        >
+          <p>출석코드 생성</p>
+        </button>
+        <img src="/assets/img/logo.svg" alt="로고" />
+      </div>
     </div>
   );
 };
+
 export default Admin;
diff --git a/frontend/src/pages/admin/AttendanceCode.jsx b/frontend/src/pages/admin/AttendanceCode.jsx
new file mode 100644
index 0000000..bd0987b
--- /dev/null
+++ b/frontend/src/pages/admin/AttendanceCode.jsx
@@ -0,0 +1,4 @@
+const AttendanceCode = () => {
+  return <p>수강생 관리</p>;
+};
+export default AttendanceCode;
diff --git a/frontend/src/pages/admin/ManageStudent.jsx b/frontend/src/pages/admin/ManageStudent.jsx
new file mode 100644
index 0000000..41f63e8
--- /dev/null
+++ b/frontend/src/pages/admin/ManageStudent.jsx
@@ -0,0 +1,4 @@
+const MagageStudent = () => {
+  return <p>수강생 관리</p>;
+};
+export default MagageStudent;
diff --git a/frontend/src/pages/admin/ManageTask.jsx b/frontend/src/pages/admin/ManageTask.jsx
new file mode 100644
index 0000000..f0f4924
--- /dev/null
+++ b/frontend/src/pages/admin/ManageTask.jsx
@@ -0,0 +1,4 @@
+const MagageTask = () => {
+  return <p>수강생 관리</p>;
+};
+export default MagageTask;
diff --git a/frontend/src/Home.jsx b/frontend/src/pages/generation/Home.jsx
similarity index 96%
rename from frontend/src/Home.jsx
rename to frontend/src/pages/generation/Home.jsx
index f1fe4fa..df86a12 100644
--- a/frontend/src/Home.jsx
+++ b/frontend/src/pages/generation/Home.jsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { useNavigate } from "react-router-dom";
 import styles from "./Home.module.css";
 
diff --git a/frontend/src/Home.module.css b/frontend/src/pages/generation/Home.module.css
similarity index 100%
rename from frontend/src/Home.module.css
rename to frontend/src/pages/generation/Home.module.css