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

10_Wiki/Topics/Frontend_Mastery/Reflow & Repaint.md

@@ -26,8 +26,8 @@
 *   **GPU 가속 활용:** `top`이나 `left` 대신 `transform: translate()` 속성을 활용하거나 `opacity`를 제어하면, 레이아웃이나 페인트 사이클을 유발하지 않고 GPU를 활용한 컴포지팅(Compositing) 단계에서 화면을 업데이트할 수 있어 60fps의 부드러운 애니메이션을 유지할 수 있다 [2, 20, 24, 25].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[Critical Rendering Path]], [[DOM & CSSOM]], [[Render Tree]], [[GPU Compositing]]
-- **Projects/Contexts:** [[Frontend Performance Optimization]], [[React Virtual DOM and Reconciliation]]
+- **Related Topics:** [[Critical Rendering Path]], DOM & CSSOM, [[Render Tree]], GPU Compositing
+- **Projects/Contexts:** Frontend Performance Optimization, React Virtual DOM and Reconciliation
 - **Contradictions/Notes:** 소스에 따르면 리페인트(Repaint)는 레이아웃 재계산이 없기 때문에 리플로우(Reflow)보다 상대적으로 시스템 비용이 덜 드는 작업으로 설명된다 [2, 20]. 그러나 두 작업 모두 과도하게 트리거될 경우 메인 스레드를 점유하고 배터리 소모 및 버벅임(Jank)을 유발하므로, 성능 최적화 시에는 둘 중 어느 하나를 무시하지 않고 두 과정 모두를 최소화하는 것이 브라우저 렌더링 최적화의 핵심이다 [19, 20].
 
 ---