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/성능 중심의 웹 애니메이션 및 인터랙션 구현.md
+1 -1
View File
@@ -23,7 +23,7 @@
* 전정기관 장애가 있는 사용자는 과도한 움직임에 어지러움을 느낄 수 있으므로, `prefers-reduced-motion` 미디어 쿼리를 활용해 애니메이션을 최소화하거나 끌 수 있는 방안을 마련해야 합니다 [14, 16, 17].
## 🔗 Knowledge Connections
- **Related Topics:** [[애니메이션 (transition / keyframes)]], [[실무에서 CSS 관리하는 방법]], [[반응형 디자인]]
- **Related Topics:** 애니메이션 (transition / keyframes), [[실무에서 CSS 관리하는 방법]], [[반응형 디자인]]
- **Projects/Contexts:** [[실무에서 CSS 관리하는 방법]] 관점에서 볼 때, 애니메이션은 "예쁘게" 만드는 것을 넘어 브라우저 렌더링 파이프라인(Layout -> Paint -> Composite)을 이해하고, 저사양 모바일 기기와 시각적 접근성(WCAG 기준)까지 만족시키는 공학적 구현이 동반되어야 합니다.
- **Contradictions/Notes:** `will-change` 속성은 브라우저가 다가올 애니메이션을 대비하도록 하여 성능을 높일 수 있지만, 무분별하게 적용할 경우 과도한 메모리 사용과 최적화 오버헤드로 인해 오히려 렌더링 성능을 악화시킨다는 모순적 특징이 있어 주의가 필요합니다 [9, 10].