bluemsi/2nd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
yesung
2026-04-27 18:58:22 +09:00
parent 3424166ea2
commit 6b86b0da4c
2706 changed files with 9074 additions and 7273 deletions
Download Patch File Download Diff File Expand all files Collapse all files
10_Wiki/Topics/Frontend_Mastery/CSS 애니메이션 성능(CSS Animation Performance).md
+2 -2
View File
@@ -12,8 +12,8 @@ CSS 애니메이션 성능(CSS Animation Performance) 최적화는 웹 애플리
* **타이밍 및 성능 테스트**: 부드럽고 자연스러운 느낌을 위해 애니메이션 지속 시간은 보통 200~500ms로 짧게 유지하고 선형적(Linear) 전환보다는 Easing 함수(`ease-in-out` 등)를 사용해야 합니다 [16]. 배포 전에는 Chrome DevTools의 Performance Panel과 Layer Profiler 등을 활용하여 프레임 드롭이나 렌더링 병목 현상을 검증해야 합니다 [6, 17].
## 🔗 Knowledge Connections
- **Related Topics:** [[Reflow와 Repaint(Reflows and Repaints)]], [[GPU 가속(GPU Acceleration)]], [[CSS 구조 설계 방식]], [[반응형 디자인]]
- **Projects/Contexts:** [[대규모 프론트엔드 프로젝트의 CSS 최적화(Performance Optimization in CSS Architecture)]], [[UX 개선을 위한 애니메이션 통합(Integrating Animation in UX)]]
- **Related Topics:** Reflow와 Repaint(Reflows and Repaints), [[GPU 가속(GPU Acceleration)]], [[CSS 구조 설계 방식]], [[반응형 디자인]]
- **Projects/Contexts:** 대규모 프론트엔드 프로젝트의 CSS 최적화(Performance Optimization in CSS Architecture), UX 개선을 위한 애니메이션 통합(Integrating Animation in UX)
- **Contradictions/Notes:** 소스 자료들은 UI에서 애니메이션이 사용자 경험(UX)을 향상하고 브랜드 개성을 살리는 중요한 소통 수단이라고 권장하지만, 동시에 목적 없는 과도한 애니메이션이나 성능을 고려하지 않은 구현은 사용자에게 인지적 과부하를 주거나 기기 성능을 떨어뜨려 오히려 심각한 경험 저하를 낳을 수 있다고 주의를 주고 있습니다 [2, 16, 18]. 따라서 "예쁘게" 만드는 것을 넘어 "유지보수 가능하고 최적화된(Performant)" 상태를 유지하는 것이 강조됩니다.
---