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/미디어 쿼리 (Media Queries).md
+2 -2
View File
@@ -10,8 +10,8 @@
* **한계 및 최신 대안 기술과의 결합:** 미디어 쿼리는 '부모 컨테이너의 가용 공간'이 아닌 '브라우저 뷰포트 창 전체'에만 반응한다는 구조적인 한계가 있다 [6]. 2026년 기준으로는 이를 극복하기 위해 컴포넌트가 놓인 부모 요소의 크기에 반응하는 **컨테이너 쿼리(Container Queries)**가 컴포넌트 단위 설계의 새로운 표준으로 사용된다 [6, 15, 16]. 또한, 글꼴 크기 변경을 위해 수많은 미디어 쿼리를 작성하는 대신 `clamp()` 함수를 활용한 유체 타이포그래피(Fluid Typography)를 사용하면 코드를 크게 간소화할 수 있다 [17-19].
## 🔗 Knowledge Connections
- **Related Topics:** [[반응형 웹 디자인 (Responsive Web Design)]], [[모바일 우선 설계 (Mobile-First)]], [[컨테이너 쿼리 (Container Queries)]], [[렌더링 차단 최적화 (Render-Blocking Optimization)]]
- **Projects/Contexts:** [[현대적인 CSS 실전 설계]], [[모듈형 컴포넌트 시스템 구축]], [[웹 성능 최적화 (Web Performance)]]
- **Related Topics:** [[반응형 웹 디자인 (Responsive Web Design)]], 모바일 우선 설계 (Mobile-First), [[컨테이너 쿼리 (Container Queries)]], 렌더링 차단 최적화 (Render-Blocking Optimization)
- **Projects/Contexts:** 현대적인 CSS 실전 설계, 모듈형 컴포넌트 시스템 구축, 웹 성능 최적화 (Web Performance)
- **Contradictions/Notes:** 미디어 쿼리는 뷰포트 창 크기 기준이기 때문에 맥락에 따라 크기가 달라지는 모듈형 컴포넌트의 재사용성을 완벽하게 보장하기는 어렵다. 소스에서는 이러한 한계를 보완하기 위해 현대 디자인 시스템에서 컨테이너 쿼리를 결합하여 사용할 것을 강하게 권장한다 [6, 16, 18].
---