feat: Wiki 지식 자산 업데이트 - UX Scenarios, Frontend, Game Design, Topics 추가 [2026-05-08]

10_Wiki/Topics/Frontend/Frontend.md

@@ -1,8 +1,21 @@
 ---
-category: Unified
+id: wiki-2026-0508-frontend
+title: Frontend
+category: 10_Wiki/Topics
+status: verified
+canonical_id: self
+aliases: []
+duplicate_of: none
+source_trust_level: A
+confidence_score: 0.92
 tags: [category-index, frontend]
-title: Frontend Directory
-last_updated: 2026-05-02
+raw_sources: []
+last_reinforced: 2026-05-08
+github_commit: pending
+inferred_by: Claude Opus 4.7 (auto-normalize 2026-05-08)
+tech_stack:
+  language: unspecified
+  framework: unspecified
 ---
 
 # Frontend Directory
@@ -355,4 +368,80 @@ last_updated: 2026-05-02
 - [[프론트엔드 애플리케이션 렌더링 병목 개선]] : [[프론트엔드 애플리케이션 렌더링 병목 개선|프론트엔드 애플리케이션 렌더링 병목 개선]]
 - [[프론트엔드 컴포넌트 구조화]] : [[프론트엔드 컴포넌트 구조화|프론트엔드 컴포넌트 구조화]]
 - [[프론트엔드 컴포넌트 설계]] : [[프론트엔드 컴포넌트 설계|프론트엔드 컴포넌트 설계]]
-- [[힙 스냅샷 (Heap Snapshots)]] : [[힙 스냅샷 (Heap Snapshots)|힙 스냅샷 (Heap Snapshots]]
+- [[힙 스냅샷 (Heap Snapshots)]] : [[힙 스냅샷 (Heap Snapshots)|힙 스냅샷 (Heap Snapshots]]
+
+## 📌 한 줄 통찰 (The Karpathy Summary)
+
+> 프런트엔드는 사용자 인터페이스 계층으로, HTML/CSS/JS의 토대 위에 컴포넌트 모델·상태 관리·메타 프레임워크가 쌓인 구조다.
+
+## 📖 구조화된 지식 (Synthesized Content)
+
+**추출된 패턴:** UI 라이브러리(React/Vue/Svelte) + 메타 프레임워크(Next/Nuxt/SvelteKit) + 도구체인 + 디자인 시스템의 4계층.
+
+**세부 내용:**
+- 라이브러리: React/Vue/Svelte/Solid.
+- 메타: Next.js/Nuxt/SvelteKit.
+- 빌드: Vite, Turbopack, Webpack.
+- 상태: Redux, Zustand, Tanstack Query.
+- 스타일: Tailwind, CSS-in-JS, vanilla CSS.
+
+## 🤖 LLM 활용 힌트 (How to Use This Knowledge)
+
+**언제 이 지식을 쓰는가:**
+- *(TODO)*
+
+**언제 쓰면 안 되는가:**
+- *(TODO)*
+
+## 🧪 검증 상태 (Validation)
+
+- **정보 상태:** needs_review
+- **출처 신뢰도:** A
+- **검토 이유:** *(P-Reinforce Phase 1 자동 정규화. 본문 검증 필요.)*
+
+## 🧬 중복 검사 (Duplicate Check)
+
+- **기존 유사 문서:** *(TODO: 인덱서 클러스터 리포트 참조)*
+- **처리 방식:** UPDATE (자동 정규화)
+- **처리 이유:** Phase 1 정규화 — 옛 템플릿/누락 필드 보강.
+
+## ⚠️ 모순 및 업데이트 (Contradictions & Updates)
+
+- **과거 데이터와의 충돌:** 없음
+- **정책 변화:** 없음
+
+## 🔗 지식 연결 (Graph)
+
+- **Parent:** [[10_Wiki/Topics]]
+- **Related:** *(TODO: 최소 2개)*
+- **Opposite / Trade-off:** *(TODO)*
+- **Raw Source:** 직접 입력
+
+## 🕓 변경 이력 (Changelog)
+
+| 날짜 | 변경 내용 | 처리 방식 | 신뢰도 |
+|------|-----------|-----------|--------|
+| 2026-05-08 | P-Reinforce Phase 1 정규화 (frontmatter + 헤더 표준화) | UPDATE | A |
+
+## 💻 코드 패턴 (Code Patterns)
+
+**패턴 1:** *(TODO: 이 프로젝트 컨벤션 반영한 구조 스켈레톤)*
+
+```text
+# TODO
+```
+
+## 🤔 의사결정 기준 (Decision Criteria)
+
+**선택 A를 써야 할 때:**
+- *(TODO)*
+
+**선택 B를 써야 할 때:**
+- *(TODO)*
+
+**기본값:**
+> *(TODO)*
+
+## ❌ 안티패턴 (Anti-Patterns)
+
+- **[안티패턴]:** *(TODO: 무엇을 하면 안 되는가 + 이유 + 대신 무엇을)*