Frontend

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>
   );

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;

frontend/src/pages/admin/AttendanceCode.jsx

@@ -0,0 +1,4 @@
+const AttendanceCode = () => {
+  return <p>수강생 관리</p>;
+};
+export default AttendanceCode;

frontend/src/pages/admin/ManageStudent.jsx

@@ -0,0 +1,4 @@
+const MagageStudent = () => {
+  return <p>수강생 관리</p>;
+};
+export default MagageStudent;

frontend/src/pages/admin/ManageTask.jsx

@@ -0,0 +1,4 @@
+const MagageTask = () => {
+  return <p>수강생 관리</p>;
+};
+export default MagageTask;

frontend/src/Home.jsx → 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";