From c7e04d97ff3a9886fbdf3eb28539109c1dde9636 Mon Sep 17 00:00:00 2001
From: Jiseung <js43o@naver.com>
Date: Tue, 12 Dec 2023 13:59:02 +0900
Subject: [PATCH 1/4] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20=ED=97=A4=EB=8D=94=20A?=
 =?UTF-8?q?RIA=20=ED=83=9C=EA=B7=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/frontend/src/components/Header/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/frontend/src/components/Header/index.tsx b/app/frontend/src/components/Header/index.tsx
index d3fab46c..dfccd88e 100644
--- a/app/frontend/src/components/Header/index.tsx
+++ b/app/frontend/src/components/Header/index.tsx
@@ -19,16 +19,17 @@ export function Header() {
           <Logo className={styles.logo} />
           <div className={styles.logoTitle}>morak</div>
         </NavLink>
-        <ul className={styles.sideMenu}>
+        <ul className={styles.sideMenu} role="menubar">
           {SIDE_MENU.map((menu) => (
             <li
-              role="menuitem"
               key={menu.pathname}
               onClick={() => onClickMenu(menu.pathname)}
               onKeyDown={() => onClickMenu(menu.pathname)}
               className={`${styles.sideMenuButton} ${
                 pathname === `/${menu.pathname}` ? styles.active : ''
               }`}
+              role="menuitem"
+              aria-label={menu.pathname}
             >
               {menu.value}
             </li>

From 2978c4044a908932b967899ff90923c0ae8b78a2 Mon Sep 17 00:00:00 2001
From: Jiseung <js43o@naver.com>
Date: Tue, 12 Dec 2023 14:32:17 +0900
Subject: [PATCH 2/4] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=EB=84=A4=EC=9D=B4=ED=84=B0=20=ED=99=94=EC=82=B4?=
 =?UTF-8?q?=ED=91=9C=20=EB=B2=84=ED=8A=BC=EC=97=90=20aria-label=20?=
 =?UTF-8?q?=EC=86=8D=EC=84=B1=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/frontend/src/components/Pagination/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/frontend/src/components/Pagination/index.tsx b/app/frontend/src/components/Pagination/index.tsx
index 6f36c956..f00fa013 100644
--- a/app/frontend/src/components/Pagination/index.tsx
+++ b/app/frontend/src/components/Pagination/index.tsx
@@ -31,7 +31,12 @@ export function Pagination({
 
   return (
     <div className={`${styles.container} ${className}`}>
-      <button type="button" onClick={onClickPrev} disabled={isFirstPage}>
+      <button
+        type="button"
+        onClick={onClickPrev}
+        disabled={isFirstPage}
+        aria-label="prev-page"
+      >
         {arrow}
       </button>
       {array.map((page) => (
@@ -52,6 +57,7 @@ export function Pagination({
         className={styles.rotateArrow}
         onClick={onClickNext}
         disabled={isLastPage}
+        aria-label="next-page"
       >
         {arrow}
       </button>

From f6447cff9719c48a910cd1a4fa0b36c27cb1e1cb Mon Sep 17 00:00:00 2001
From: Jiseung <js43o@naver.com>
Date: Tue, 12 Dec 2023 14:33:14 +0900
Subject: [PATCH 3/4] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20=EB=A9=94=EB=89=B4=20?=
 =?UTF-8?q?=EB=B0=8F=20=EB=B3=B8=EB=AC=B8=20=EC=98=81=EC=97=AD=EC=97=90=20?=
 =?UTF-8?q?nav,=20main=20=ED=83=9C=EA=B7=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/frontend/src/components/Header/index.tsx | 34 +++++++++++---------
 app/frontend/src/pages/Mogaco/MogacoList.tsx | 22 +++----------
 2 files changed, 23 insertions(+), 33 deletions(-)

diff --git a/app/frontend/src/components/Header/index.tsx b/app/frontend/src/components/Header/index.tsx
index dfccd88e..7896b66e 100644
--- a/app/frontend/src/components/Header/index.tsx
+++ b/app/frontend/src/components/Header/index.tsx
@@ -19,22 +19,24 @@ export function Header() {
           <Logo className={styles.logo} />
           <div className={styles.logoTitle}>morak</div>
         </NavLink>
-        <ul className={styles.sideMenu} role="menubar">
-          {SIDE_MENU.map((menu) => (
-            <li
-              key={menu.pathname}
-              onClick={() => onClickMenu(menu.pathname)}
-              onKeyDown={() => onClickMenu(menu.pathname)}
-              className={`${styles.sideMenuButton} ${
-                pathname === `/${menu.pathname}` ? styles.active : ''
-              }`}
-              role="menuitem"
-              aria-label={menu.pathname}
-            >
-              {menu.value}
-            </li>
-          ))}
-        </ul>
+        <nav>
+          <ul className={styles.sideMenu} role="menubar">
+            {SIDE_MENU.map((menu) => (
+              <li
+                key={menu.pathname}
+                onClick={() => onClickMenu(menu.pathname)}
+                onKeyDown={() => onClickMenu(menu.pathname)}
+                className={`${styles.sideMenuButton} ${
+                  pathname === `/${menu.pathname}` ? styles.active : ''
+                }`}
+                role="menuitem"
+                aria-label={menu.pathname}
+              >
+                {menu.value}
+              </li>
+            ))}
+          </ul>
+        </nav>
       </div>
     </div>
   );
diff --git a/app/frontend/src/pages/Mogaco/MogacoList.tsx b/app/frontend/src/pages/Mogaco/MogacoList.tsx
index 9242c631..e8718085 100644
--- a/app/frontend/src/pages/Mogaco/MogacoList.tsx
+++ b/app/frontend/src/pages/Mogaco/MogacoList.tsx
@@ -49,37 +49,25 @@ export function MogacoList({ currentPage }: MogacoListProp) {
   }
 
   return (
-    <div className={styles.container}>
+    <main className={styles.container}>
       {mogacoList && mogacoList.length > 0 ? (
         mogacoList.map(
-          ({
-            id,
-            groupId,
-            title,
-            contents,
-            date,
-            maxHumanCount,
-            address,
-            status,
-            group,
-          }) => (
+          ({ id, title, contents, date, address, status, group }) => (
             <MogacoItem
               key={id}
               id={id}
+              group={group}
               title={title}
-              groupId={groupId}
               contents={contents}
-              maxHumanCount={maxHumanCount}
-              address={address}
               date={date}
+              address={address}
               status={status}
-              group={group}
             />
           ),
         )
       ) : (
         <EmptyPage />
       )}
-    </div>
+    </main>
   );
 }

From fda04a73c79c623841f3094b35b6eb12ae81c11a Mon Sep 17 00:00:00 2001
From: Jiseung <js43o@naver.com>
Date: Tue, 12 Dec 2023 14:35:01 +0900
Subject: [PATCH 4/4] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20=ED=97=A4=EB=8D=94=20?=
 =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=EC=97=90=20header=20?=
 =?UTF-8?q?=ED=83=9C=EA=B7=B8=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/frontend/src/components/Header/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/frontend/src/components/Header/index.tsx b/app/frontend/src/components/Header/index.tsx
index 7896b66e..bf5160be 100644
--- a/app/frontend/src/components/Header/index.tsx
+++ b/app/frontend/src/components/Header/index.tsx
@@ -13,7 +13,7 @@ export function Header() {
   const { onClickMenu } = useClickMenu();
 
   return (
-    <div className={styles.container}>
+    <header className={styles.container}>
       <div className={styles.header}>
         <NavLink to="/" className={styles.title}>
           <Logo className={styles.logo} />
@@ -38,6 +38,6 @@ export function Header() {
           </ul>
         </nav>
       </div>
-    </div>
+    </header>
   );
 }