diff --git a/_data/menu.yml b/_data/menu.yml
index 7b80baa..bf82b16 100644
--- a/_data/menu.yml
+++ b/_data/menu.yml
@@ -2,6 +2,14 @@
 # https://github.com/riggraz/no-style-please#customize-the-menu
 
 entries:
+  - title: frontend
+    post_list:
+      limit: 10
+      show_more: true
+      show_more_text: See more posts...
+      show_more_url: frontend.html
+      category: frontend
+
   - title: 👨🏻‍💻 kakao tech campus 2th ~
     post_list:
       category: kakao
@@ -40,14 +48,6 @@ entries:
     post_list:
       category: like-lion
 
-  - title: frontend
-    post_list:
-      limit: 10
-      show_more: true
-      show_more_text: See more posts...
-      show_more_url: frontend.html
-      category: frontend
-
   - title: wooseon
     post_list:
       limit: 5
diff --git a/_site/feed.xml b/_site/feed.xml
index c1e06a1..b35465a 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.5">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-09-05T00:39:46+09:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Kang Byeong-hyeon 👨🏻‍💻</title><subtitle>Kang Byeonghyeon&apos;s dev blog
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.5">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-09-05T00:44:42+09:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Kang Byeong-hyeon 👨🏻‍💻</title><subtitle>Kang Byeonghyeon&apos;s dev blog
 </subtitle><author><name>Kang Byeonghyeon</name></author><entry><title type="html">[우선] 우선을 중단하며</title><link href="http://localhost:4000/%EC%9A%B0%EC%84%A0-%EC%9A%B0%EC%84%A0%EC%9D%84-%EC%A4%91%EB%8B%A8%ED%95%98%EB%A9%B0.html" rel="alternate" type="text/html" title="[우선] 우선을 중단하며" /><published>2024-07-28T00:00:00+09:00</published><updated>2024-07-28T00:00:00+09:00</updated><id>http://localhost:4000/%5B%EC%9A%B0%EC%84%A0%5D%20%EC%9A%B0%EC%84%A0%EC%9D%84%20%EC%A4%91%EB%8B%A8%ED%95%98%EB%A9%B0</id><content type="html" xml:base="http://localhost:4000/%EC%9A%B0%EC%84%A0-%EC%9A%B0%EC%84%A0%EC%9D%84-%EC%A4%91%EB%8B%A8%ED%95%98%EB%A9%B0.html">&lt;p&gt;&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;&lt;/p&gt;
diff --git a/_site/index.html b/_site/index.html
index 0fc7ce5..58d71d3 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -99,6 +99,48 @@ <h1 class="header-title">
       <a href="mailto:byeonghyeon.dev@gmail.com">Email</a>
     </span>
   </div><ul><li class="list">
+    <strong>frontend</strong>
+  </li><ul><li>
+    <span>2024-07-21</span>
+    <a href="/husky%EC%99%80-lint-staged%EB%A1%9C-git-hooks-%EC%9E%90%EB%8F%99%ED%99%94%ED%95%98%EA%B8%B0.html" class="post-item"
+      >Husky와 lint-staged로 Git Hooks 자동화하기</a
+    >
+  </li><li>
+    <span>2024-07-14</span>
+    <a href="/react-query%EC%99%80-concurrent-ui-pattern%EC%9C%BC%EB%A1%9C-%EC%84%9C%EB%B2%84-%EC%83%81%ED%83%9C-%ED%9A%A8%EC%9C%A8%EC%A0%81%EC%9C%BC%EB%A1%9C-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0.html" class="post-item"
+      >React Query와 Concurrent UI Pattern으로 서버 상태 효율적으로 관리하기</a
+    >
+  </li><li>
+    <span>2024-07-12</span>
+    <a href="/api-%ED%86%B5%EC%8B%A0%EB%B6%80%ED%84%B0-%EC%97%90%EB%9F%AC-%ED%95%B8%EB%93%A4%EB%A7%81%EA%B9%8C%EC%A7%80-feat-axios.html" class="post-item"
+      >API 통신부터 에러 핸들링까지(feat. Axios)</a
+    >
+  </li><li>
+    <span>2024-07-06</span>
+    <a href="/react-context-api%EB%A1%9C-%EC%A0%84%EC%97%AD-%EC%83%81%ED%83%9C-%EA%B4%80%EB%A6%AC%EC%99%80-%EC%82%AC%EC%9A%A9%EC%9E%90-%EC%9D%B8%EC%A6%9D-%EA%B5%AC%ED%98%84%ED%95%B4%EB%B3%B4%EA%B8%B0.html" class="post-item"
+      >React Context API로 전역 상태 관리와 사용자 인증 구현해보기</a
+    >
+  </li><li>
+    <span>2024-07-05</span>
+    <a href="/createbrowserrouter%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%9C-%ED%9A%A8%EC%9C%A8%EC%A0%81%EC%9D%B8-react-%EB%9D%BC%EC%9A%B0%ED%8C%85-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0-v6-4.html" class="post-item"
+      >createBrowserRouter를 활용한 효율적인 React 라우팅 설정하기 (v6.4+)</a
+    >
+  </li><li>
+    <span>2024-07-03</span>
+    <a href="/storybook%EC%9C%BC%EB%A1%9C-ui-%ED%85%8C%EC%8A%A4%ED%8C%85%EA%B3%BC-%EB%B0%B0%ED%8F%AC-ci-%ED%95%9C%EB%B2%88%EC%97%90-%ED%95%B4%EA%B2%B0%ED%95%98%EA%B8%B0.html" class="post-item"
+      >Storybook으로 UI 테스팅과 배포(CI) 한번에 해결하기</a
+    >
+  </li><li>
+    <span>2024-07-02</span>
+    <a href="/eslint-prettier-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EB%A3%B0-%EC%84%A4%EC%A0%95%EC%9D%84-%ED%86%B5%ED%95%9C-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%B4%88%EA%B8%B0-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0.html" class="post-item"
+      >ESLint & Prettier 설치 및 룰 설정을 통한 프로젝트 초기 세팅하기</a
+    >
+  </li><li>
+    <span>2024-07-01</span>
+    <a href="/cra-typescript-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%ED%99%98%EA%B2%BD%EC%97%90%EC%84%9C%EC%9D%98-%EC%A0%88%EB%8C%80-%EA%B2%BD%EB%A1%9C-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0.html" class="post-item"
+      >CRA + TypeScript 프로젝트 환경에서의 절대 경로 설정하기</a
+    >
+  </li></ul><li class="list">
     <strong>👨🏻‍💻 kakao tech campus 2th ~</strong>
   </li><ul><li>
     <span>2024-05-14</span>
@@ -194,48 +236,6 @@ <h1 class="header-title">
     <a href="/%EB%A9%8B%EC%9F%81%EC%9D%B4%EC%82%AC%EC%9E%90%EC%B2%98%EB%9F%BC-11%EA%B8%B0-%EC%B6%A9%EB%82%A8%EB%8C%80%ED%95%99%EA%B5%90-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-11%EA%B8%B0-%ED%95%A9%EA%B2%A9-%ED%9B%84%EA%B8%B0.html" class="post-item"
       >멋쟁이사자처럼 11기 충남대학교 프론트엔드 합격 후기</a
     >
-  </li></ul><li class="list">
-    <strong>frontend</strong>
-  </li><ul><li>
-    <span>2024-07-21</span>
-    <a href="/husky%EC%99%80-lint-staged%EB%A1%9C-git-hooks-%EC%9E%90%EB%8F%99%ED%99%94%ED%95%98%EA%B8%B0.html" class="post-item"
-      >Husky와 lint-staged로 Git Hooks 자동화하기</a
-    >
-  </li><li>
-    <span>2024-07-14</span>
-    <a href="/react-query%EC%99%80-concurrent-ui-pattern%EC%9C%BC%EB%A1%9C-%EC%84%9C%EB%B2%84-%EC%83%81%ED%83%9C-%ED%9A%A8%EC%9C%A8%EC%A0%81%EC%9C%BC%EB%A1%9C-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0.html" class="post-item"
-      >React Query와 Concurrent UI Pattern으로 서버 상태 효율적으로 관리하기</a
-    >
-  </li><li>
-    <span>2024-07-12</span>
-    <a href="/api-%ED%86%B5%EC%8B%A0%EB%B6%80%ED%84%B0-%EC%97%90%EB%9F%AC-%ED%95%B8%EB%93%A4%EB%A7%81%EA%B9%8C%EC%A7%80-feat-axios.html" class="post-item"
-      >API 통신부터 에러 핸들링까지(feat. Axios)</a
-    >
-  </li><li>
-    <span>2024-07-06</span>
-    <a href="/react-context-api%EB%A1%9C-%EC%A0%84%EC%97%AD-%EC%83%81%ED%83%9C-%EA%B4%80%EB%A6%AC%EC%99%80-%EC%82%AC%EC%9A%A9%EC%9E%90-%EC%9D%B8%EC%A6%9D-%EA%B5%AC%ED%98%84%ED%95%B4%EB%B3%B4%EA%B8%B0.html" class="post-item"
-      >React Context API로 전역 상태 관리와 사용자 인증 구현해보기</a
-    >
-  </li><li>
-    <span>2024-07-05</span>
-    <a href="/createbrowserrouter%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%9C-%ED%9A%A8%EC%9C%A8%EC%A0%81%EC%9D%B8-react-%EB%9D%BC%EC%9A%B0%ED%8C%85-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0-v6-4.html" class="post-item"
-      >createBrowserRouter를 활용한 효율적인 React 라우팅 설정하기 (v6.4+)</a
-    >
-  </li><li>
-    <span>2024-07-03</span>
-    <a href="/storybook%EC%9C%BC%EB%A1%9C-ui-%ED%85%8C%EC%8A%A4%ED%8C%85%EA%B3%BC-%EB%B0%B0%ED%8F%AC-ci-%ED%95%9C%EB%B2%88%EC%97%90-%ED%95%B4%EA%B2%B0%ED%95%98%EA%B8%B0.html" class="post-item"
-      >Storybook으로 UI 테스팅과 배포(CI) 한번에 해결하기</a
-    >
-  </li><li>
-    <span>2024-07-02</span>
-    <a href="/eslint-prettier-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EB%A3%B0-%EC%84%A4%EC%A0%95%EC%9D%84-%ED%86%B5%ED%95%9C-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%B4%88%EA%B8%B0-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0.html" class="post-item"
-      >ESLint & Prettier 설치 및 룰 설정을 통한 프로젝트 초기 세팅하기</a
-    >
-  </li><li>
-    <span>2024-07-01</span>
-    <a href="/cra-typescript-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%ED%99%98%EA%B2%BD%EC%97%90%EC%84%9C%EC%9D%98-%EC%A0%88%EB%8C%80-%EA%B2%BD%EB%A1%9C-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0.html" class="post-item"
-      >CRA + TypeScript 프로젝트 환경에서의 절대 경로 설정하기</a
-    >
   </li></ul><li class="list">
     <strong>wooseon</strong>
   </li><ul><li>