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
+2 -2
View File
@@ -16,8 +16,8 @@
* **모바일 및 보조 기기 호환성 확보:** 터치 인터페이스에서는 오작동을 막기 위해 최소 44x44px ~ 48x48px 크기의 클릭 가능한 영역(패딩 활용)을 제공해야 합니다 [31-33]. 또한, 화면 판독기(Screen Reader)와 키보드 사용자를 위해 명확한 포커스(Focus) 상태 제공, 시맨틱 HTML 태그 사용, 적절한 색상 대비 유지, 의미 있는 대체 텍스트(alt) 속성이 반드시 포함되어야 합니다 [2, 34].
## 🔗 Knowledge Connections
- **Related Topics:** [[CSS 구조 설계 방식]], [[반응형 디자인]], [[애니메이션 (transition / keyframes)]], [[Core Web Vitals]], [[리플로우 및 리페인트(Reflow & Repaint)]]
- **Projects/Contexts:** [[디자인 시스템 기반의 확장 가능한 프론트엔드 아키텍처 구축]]
- **Related Topics:** [[CSS 구조 설계 방식]], [[반응형 디자인]], 애니메이션 (transition / keyframes), [[Core Web Vitals]], [[리플로우 및 리페인트(Reflow & Repaint)]]
- **Projects/Contexts:** 디자인 시스템 기반의 확장 가능한 프론트엔드 아키텍처 구축
- **Contradictions/Notes:** 소스 자료들은 애니메이션 성능 최적화를 위해 브라우저에 변경을 미리 알리는 `will-change` 속성의 사용을 제안하지만, 동시에 이를 남용하면 너무 많은 요소에 브라우저 자원을 미리 할당하여 오히려 성능 저하를 초래할 수 있으므로 '최후의 수단'으로 신중히 사용해야 한다고 경고하고 있습니다 [35, 36].
---