diff --git a/frontend/public/assets/img/managestudent.svg b/frontend/public/assets/img/managestudent.svg
new file mode 100644
index 0000000..bad007f
--- /dev/null
+++ b/frontend/public/assets/img/managestudent.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.62505 0C6.22179 0 6.79409 0.237053 7.21604 0.65901C7.638 1.08097 7.87505 1.65326 7.87505 2.25C7.87505 2.84674 7.638 3.41903 7.21604 3.84099C6.79409 4.26295 6.22179 4.5 5.62505 4.5C5.02831 4.5 4.45602 4.26295 4.03406 3.84099C3.6121 3.41903 3.37505 2.84674 3.37505 2.25C3.37505 1.65326 3.6121 1.08097 4.03406 0.65901C4.45602 0.237053 5.02831 0 5.62505 0ZM3.0938 16.875V14.0625H2.46802C2.08482 14.0625 1.81411 13.6863 1.93365 13.3207L3.027 10.0371L2.02154 11.366C1.64536 11.8617 0.938724 11.9566 0.446536 11.584C-0.0456514 11.2113 -0.144089 10.5047 0.228567 10.009L2.29927 7.27734C3.08677 6.23672 4.32075 5.625 5.62505 5.625C6.92935 5.625 8.16333 6.23672 8.95083 7.27734L11.0215 10.009C11.3977 10.5047 11.2993 11.2113 10.8036 11.584C10.3079 11.9566 9.60122 11.8617 9.22857 11.366L8.2231 10.0371L9.31646 13.3207C9.43951 13.6863 9.16529 14.0625 8.78208 14.0625H8.1563V16.875C8.1563 17.4973 7.65357 18 7.0313 18C6.40904 18 5.9063 17.4973 5.9063 16.875V14.0625H5.3438V16.875C5.3438 17.4973 4.84107 18 4.2188 18C3.59654 18 3.0938 17.4973 3.0938 16.875ZM16.8751 0C17.4718 0 18.0441 0.237053 18.466 0.65901C18.888 1.08097 19.1251 1.65326 19.1251 2.25C19.1251 2.84674 18.888 3.41903 18.466 3.84099C18.0441 4.26295 17.4718 4.5 16.8751 4.5C16.2783 4.5 15.706 4.26295 15.2841 3.84099C14.8621 3.41903 14.6251 2.84674 14.6251 2.25C14.6251 1.65326 14.8621 1.08097 15.2841 0.65901C15.706 0.237053 16.2783 0 16.8751 0ZM16.5938 13.5V16.875C16.5938 17.4973 16.0911 18 15.4688 18C14.8465 18 14.3438 17.4973 14.3438 16.875V10.5645L13.8903 11.2852C13.5598 11.8125 12.8637 11.9672 12.3399 11.6367C11.8161 11.3062 11.6579 10.6102 11.9883 10.0863L13.8059 7.2C14.4247 6.21914 15.504 5.62148 16.6606 5.62148H17.093C18.2532 5.62148 19.3325 6.21563 19.9477 7.2L21.7653 10.0898C22.0958 10.6172 21.9375 11.3098 21.4137 11.6402C20.8899 11.9707 20.1938 11.8125 19.8633 11.2887L19.4063 10.5645V16.875C19.4063 17.4973 18.9036 18 18.2813 18C17.659 18 17.1563 17.4973 17.1563 16.875V13.5H16.5938Z" fill="white"/>
+</svg>
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index b11b9d0..9f4508b 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -15,6 +15,7 @@ function App() {
   return (
     <BrowserRouter>
       <Routes>
+        <Route path="/" element={<AttendanceCode />} />
         <Route path="/" element={<Intro />} />
         <Route path="/login" element={<Login />} />
         <Route path="/home" element={<Home />} />
@@ -24,7 +25,6 @@ function App() {
         <Route path="/admin" element={<Admin />} />
         <Route path="/magagestudent" element={<MagageStudent />} />
         <Route path="/magagetask" element={<ManageTask />} />
-        <Route path="/attendancecode" element={<AttendanceCode />} />
       </Routes>
     </BrowserRouter>
   );
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
index a4f62b1..5c3501d 100644
--- a/frontend/src/components/Header.jsx
+++ b/frontend/src/components/Header.jsx
@@ -10,8 +10,12 @@ 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("magagetask")) title = "과제 관리";
+  else if (path.includes("attendancecode")) title = "출석코드 생성";
 
-  const showRightButton = !path.includes("deposit");
+  const showRightDeposit = !path.includes("deposit");
+  const showRightMagageStudent = path.includes("attendancecode");
 
   return (
     <header className="header-container">
@@ -28,7 +32,7 @@ const Header = () => {
         />
       </button>
       <h1 className="header-title">{title}</h1>
-      {showRightButton ? (
+      {showRightDeposit ? (
         <button
           className="icon-button"
           onClick={() => navigate("/deposit")}
@@ -44,6 +48,20 @@ const Header = () => {
       ) : (
         <div style={{ width: "30px" }} />
       )}
+      {showRightMagageStudent ? (
+        <button
+          className="icon-button"
+          onClick={() => navigate("/managestudent")}
+          aria-label="수강생 관리 페이지 이동"
+        >
+          <img
+            src="/assets/img/managestudent.svg"
+            alt="MagageStudent"
+            width={30}
+            height={30}
+          />
+        </button>
+      ) : null}
     </header>
   );
 };
diff --git a/frontend/src/pages/admin/AttendanceCode.jsx b/frontend/src/pages/admin/AttendanceCode.jsx
index d184e1d..6e18188 100644
--- a/frontend/src/pages/admin/AttendanceCode.jsx
+++ b/frontend/src/pages/admin/AttendanceCode.jsx
@@ -1,4 +1,17 @@
+import Header from "../../components/Header";
+import style from "./AttendanceCode.module.css";
 const AttendanceCode = () => {
-  return <p>출석코드 생성</p>;
+  return (
+    <div className={style.attendancecode_wraper}>
+      <Header />
+      <div className={style.num_container}>
+        <div className={style.num_wrapper}></div>
+        <div className={style.num_wrapper}></div>
+        <div className={style.num_wrapper}></div>
+        <div className={style.num_wrapper}></div>
+      </div>
+      <button className={style.createbutton}>생성</button>
+    </div>
+  );
 };
 export default AttendanceCode;
diff --git a/frontend/src/pages/admin/AttendanceCode.module.css b/frontend/src/pages/admin/AttendanceCode.module.css
new file mode 100644
index 0000000..e92a220
--- /dev/null
+++ b/frontend/src/pages/admin/AttendanceCode.module.css
@@ -0,0 +1,28 @@
+.num_wrapper {
+  width: 73px;
+  height: 101px;
+  background-color: #575757;
+  border-radius: 21px;
+  border: 1px solid #a6a6a6;
+}
+.num_container {
+  margin-top: 130px;
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+}
+.attendancecode_wraper {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+}
+.createbutton {
+  width: 60px;
+  height: 42px;
+  background-color: #575757;
+  border-radius: 21px;
+  margin-top: 60px;
+  border: 1px solid #a6a6a6;
+  color: white;
+}