From f4af26631f5cee675971662cd306d3750743f248 Mon Sep 17 00:00:00 2001
From: happybell80 <happybell80@naver.com>
Date: Thu, 4 Dec 2025 17:46:15 +0900
Subject: [PATCH] =?UTF-8?q?docs:=20React=20=EC=9B=90=EC=B9=99=EC=97=90=20?=
 =?UTF-8?q?=ED=94=84=EB=A1=A0=ED=8A=B8=EC=97=94=EB=93=9C=20=EC=BA=90?=
 =?UTF-8?q?=EC=8B=B1=20=EC=A0=84=EB=9E=B5=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 book/300_architecture/313_React_구조_원칙.md | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/book/300_architecture/313_React_구조_원칙.md b/book/300_architecture/313_React_구조_원칙.md
index 0113541..254a20f 100644
--- a/book/300_architecture/313_React_구조_원칙.md
+++ b/book/300_architecture/313_React_구조_원칙.md
@@ -175,6 +175,16 @@ src/
 - [ ] TypeScript 타입이 명확히 정의되었는가?
 - [ ] useEffect 의존성이 정확한가?
 
+## 11. 프론트엔드 캐싱 전략
+
+### 버전 파라미터 필수
+- JS/CSS 파일: `?v=YYYYMMDD` 추가 (예: `app.js?v=20251204`)
+- 배포 후 버전 번호 업데이트 필수
+
+### nginx 캐시 제어
+- ETag 사용 시 Ctrl+F5로도 캐시 회피 어려움
+- 버전 파라미터가 가장 확실한 방법
+
 ## 12. 참고
 
 - 상위 원칙: 이 문서는 일반적인 React 프로젝트 원칙을 다룹니다.