feat: complete wikification of War Commander batch 1&2 and final grey dot cleanup

10_Wiki/Topics/Frontend_Mastery/웹 성능 가이드(Web Performance).md

@@ -21,8 +21,8 @@
   - **React 컴파일러 (React Compiler):** React 19 컴파일러는 빌드 시점에 코드를 분석(AST)하여 반응형 값과 정적 값을 구별하고, 필요한 위치에 메모이제이션을 자동으로 삽입합니다. 이로 인해 개발자가 수동으로 `useMemo`, `useCallback`, `React.memo`를 작성하는 수고와 잦은 실수(오버/언더 메모이제이션)를 없애줍니다 [78-86].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[중요 렌더링 경로(Critical Rendering Path)]], [[리플로우 및 리페인트(Reflow and Repaint)]], [[웹 렌더링 전략(CSR, SSR, SSG, ISR)]], [[하이드레이션(Hydration)]], [[코어 웹 바이탈(Core Web Vitals)]], [[React 컴파일러(React Compiler)]]
-- **Projects/Contexts:** [[프론트엔드 아키텍처 설계 및 최적화]], [[단일 페이지 애플리케이션(SPA) 성능 프로파일링]]
+- **Related Topics:** 중요 렌더링 경로(Critical Rendering Path), [[리플로우 및 리페인트(Reflow and Repaint)]], 웹 렌더링 전략(CSR, SSR, SSG, ISR), 하이드레이션(Hydration), 코어 웹 바이탈(Core Web Vitals), React 컴파일러(React Compiler)
+- **Projects/Contexts:** 프론트엔드 아키텍처 설계 및 최적화, 단일 페이지 애플리케이션(SPA) 성능 프로파일링
 - **Contradictions/Notes:** SSR 방식은 HTML을 서버에서 미리 그려 사용자에게 가장 먼저 콘텐츠를 보여주기 때문에 초기 화면 표시(FCP, LCP)나 SEO 측면에서는 훌륭합니다 [49, 50, 54, 55]. 그러나 이 과정에서 생성된 화면은 자바스크립트가 다운로드되고 DOM 요소에 이벤트 핸들러가 결합되는 '하이드레이션(Hydration)' 과정이 완료되기 전까지는 상호작용이 불가능합니다. 따라서 화면은 보이지만 버튼을 눌러도 반응하지 않는 상호작용 지연 현상(Time to Interactive 및 Total Blocking Time 증가)을 유발할 수 있다는 명확한 Trade-off가 존재합니다 [87-93]. 또한 성능 최적화를 위한 `React.memo` 등의 메모이제이션 기법 역시, 측정 없이 남용될 경우 불필요한 속성 비교 연산과 메모리 할당이 추가되어 렌더링이 빠른 가벼운 컴포넌트에서는 오히려 성능 오버헤드를 발생시킬 수 있으므로 주의해야 합니다 [82, 94].
 
 ---