docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links

10_Wiki/Topics_Art/Visual_Effects/CSS 애니메이션 최적화(Optimizing CSS Animations).md

@@ -1,4 +1,4 @@
-# [[CSS 애니메이션 최적화(Optimizing CSS Animations)]]
+# [[CSS 애니메이션 최적화(Optimizing CSS Animations)|CSS 애니메이션 최적화(Optimizing CSS Animations)]]
 
 ## 📌 Brief Summary
 CSS 애니메이션 최적화는 웹 페이지 내 애니메이션이 성능 저하나 끊김(Jank) 현상 없이 부드럽게 실행되도록 브라우저의 렌더링 과정을 개선하는 기법입니다 [1, 2]. 브라우저의 레이아웃 재계산(Reflow)과 화면 다시 그리기(Repaint)를 유발하는 속성 사용을 피하고, GPU 가속을 활용할 수 있는 속성을 중점적으로 사용하는 것이 핵심입니다 [3-5]. 이를 통해 사용자에게 쾌적하고 반응성 높은 인터페이스(UX)를 제공하는 동시에 디바이스의 리소스 소모를 최소화할 수 있습니다 [1, 6, 7].
@@ -20,8 +20,8 @@ CSS 애니메이션 최적화는 웹 페이지 내 애니메이션이 성능 저
   모든 사용자나 기기가 애니메이션을 매끄럽게 소화할 수 있는 것은 아닙니다 [6, 20]. 전정기관 장애가 있는 사용자는 과도한 움직임으로 인해 어지러움을 느낄 수 있으며, 저사양 기기나 배터리가 부족한 모바일 기기 사용자에게는 애니메이션이 부담될 수 있습니다 [6, 20]. 이를 위해 `prefers-reduced-motion` 미디어 쿼리를 사용하여 운영체제 수준에서 애니메이션 감소를 설정한 사용자에게는 애니메이션을 제한하거나 제공하지 않는 방식의 최적화가 필요합니다 [6, 20].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[Reflow & Repaint]], [[GPU 가속(GPU Acceleration)]], [[UX 애니메이션(UX Animation)]], [[will-change 속성]], [[prefers-reduced-motion]], [[접근성(Accessibility)]]
-- **Projects/Contexts:** [[대규모 프론트엔드 프로젝트의 UI/UX 성능 최적화]], [[디자인 시스템 기반의 인터페이스 애니메이션 적용 및 검증 과정]]
+- **Related Topics:** [[Reflow & Repaint|Reflow & Repaint]], [[GPU 가속(GPU Acceleration)|GPU 가속(GPU Acceleration)]], UX 애니메이션(UX Animation), will-change 속성, [[웹 접근성 및 prefers-reduced-motion|prefers-reduced-motion]], 접근성(Accessibility)
+- **Projects/Contexts:** 대규모 프론트엔드 프로젝트의 UI/UX 성능 최적화, 디자인 시스템 기반의 인터페이스 애니메이션 적용 및 검증 과정
 - **Contradictions/Notes:** 브라우저 성능 최적화를 돕는 `will-change` 속성은 잘 쓰면 반응성을 높이지만 무분별하게 남용될 경우 도리어 심각한 리소스 낭비 및 성능 저하를 일으키는 양면성이 있어 주의가 필요합니다 [14, 15]. 또한 화려한 애니메이션이 사용자 경험을 즐겁게 만들 수 있으나, 지나칠 경우 인지적 과부하를 일으키거나 성능 저하를 초래해 오히려 UX를 해칠 수 있습니다 [1-3].
 
 ---