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/반응형 웹 UI 구현.md
+2 -2
View File
@@ -18,8 +18,8 @@
* **점진적 정보 제공(Progressive Disclosure) 및 모바일 사용성**: 제한된 모바일 화면에서 혼란을 줄이기 위해 아코디언, 탭, 드로어 메뉴 등을 활용하여 중요한 정보를 먼저 보여주고 보조 정보는 필요할 때 펼쳐보도록 설계해야 한다 [19, 26, 27]. 또한 탭(Touch) 대상은 최소 44x44px ~ 48x48px 크기로 확보하여 조작 오류를 줄여야 한다 [28-30].
## 🔗 Knowledge Connections
- **Related Topics:** [[모바일 퍼스트(Mobile-First)]], [[컨테이너 쿼리(Container Queries)]], [[반응형 타이포그래피(Fluid Typography)]], [[CSS Flexbox]], [[CSS Grid]]
- **Projects/Contexts:** [[디자인 시스템 아키텍처]], [[컴포넌트 기반 프론트엔드 설계]], [[Core Web Vitals 성능 최적화]]
- **Related Topics:** [[모바일 퍼스트(Mobile-First)]], [[컨테이너 쿼리(Container Queries)]], 반응형 타이포그래피(Fluid Typography), CSS Flexbox, [[CSS Grid]]
- **Projects/Contexts:** 디자인 시스템 아키텍처, 컴포넌트 기반 프론트엔드 설계, Core Web Vitals 성능 최적화
- **Contradictions/Notes:** 반응형 타이포그래피 적용 시, 뷰포트 단위(`vw`, `vh` 등)만 단독으로 사용하면 사용자가 브라우저의 줌(확대/축소) 기능을 사용할 때 글꼴 크기가 반응하지 않아 접근성 기준(WCAG 1.4.4)을 위반하게 된다 [31-33]. 따라서 `clamp()` 함수 내부에서 사용자의 기본 설정 크기를 존중하는 `rem` 또는 `em` 단위와 계산식(`calc`)을 결합하여 접근성을 해치지 않게 구현해야 한다 [34, 35].
---