From 3e18361d9e612730fcad325e5b01216ab2d4d3b2 Mon Sep 17 00:00:00 2001
From: seongwon seo <seongwon0903@gmail.com>
Date: Sun, 23 Aug 2026 22:54:33 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20react-datepicker=EB=A5=BC=20?=
 =?UTF-8?q?=EB=B3=84=EB=8F=84=20=EC=B2=AD=ED=81=AC=EB=A1=9C=20=EB=B6=84?=
 =?UTF-8?q?=EB=A6=AC=ED=95=B4=20=EC=B4=88=EA=B8=B0=20=EB=A1=9C=EB=93=9C?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=A0=9C=EC=99=B8=ED=95=9C=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

manualChunks가 react-datepicker와 date-fns를 같은 'dates' 청크로 묶고 있었다.
date-fns는 getDeadLineText 등 메인 진입 경로에서 정적 import되므로, 관리자
화면에서만 쓰는 react-datepicker까지 초기 그래프로 끌려와 JS 103.9KB가
모든 페이지에서 modulepreload되고 CSS 22KB가 렌더를 차단했다.
---
 frontend/config/vite.config.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/config/vite.config.ts b/frontend/config/vite.config.ts
index b8115dbe9..38a254dae 100644
--- a/frontend/config/vite.config.ts
+++ b/frontend/config/vite.config.ts
@@ -61,7 +61,9 @@ export default defineConfig(({ mode }) => {
             if (!id.includes('node_modules')) return;
 
             if (id.includes('react-router')) return 'router';
-            if (id.includes('react-datepicker')) return 'dates';
+            // react-datepicker는 관리자 화면에서만 쓰므로 date-fns('dates')와 한 청크로 묶지 않는다.
+            // 묶이면 date-fns를 쓰는 초기 진입 경로 때문에 CSS까지 렌더 차단 리소스가 된다.
+            if (id.includes('react-datepicker')) return 'datepicker';
             if (
               id.includes('react-markdown') ||
               id.includes('remark') ||

From 83697447d0b299234aac2684fab75611b6b26de5 Mon Sep 17 00:00:00 2001
From: seongwon seo <seongwon0903@gmail.com>
Date: Sun, 23 Aug 2026 22:54:33 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=EA=B4=80=EB=A6=AC=EC=9E=90=20?=
 =?UTF-8?q?=EC=A0=84=EC=9A=A9=20Krona=20One=20=ED=8F=B0=ED=8A=B8=EB=A5=BC?=
 =?UTF-8?q?=20=EB=A0=8C=EB=8D=94=20=EC=B0=A8=EB=8B=A8=20=EA=B2=BD=EB=A1=9C?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20=EB=BA=80=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Krona One은 관리자 로그인 화면의 'Log in' 제목 한 곳에서만 쓰는데,
index.html의 동기 stylesheet라 전체 방문자의 첫 렌더를 막고 있었다.
---
 frontend/index.html | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/index.html b/frontend/index.html
index 44d34a1aa..843e6172a 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -52,9 +52,12 @@
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"
     />
+    <!-- Krona One은 관리자 로그인 화면 제목에서만 쓰므로 렌더를 막지 않게 비동기로 불러온다. -->
     <link
       rel="stylesheet"
       href="https://fonts.googleapis.com/css2?family=Krona+One&display=swap"
+      media="print"
+      onload="this.media='all'"
     />
   </head>