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/유동적 타이포그래피 (Fluid Typography).md
+2 -2
View File
@@ -19,8 +19,8 @@
* 최신 프론트엔드 환경에서는 화면 전체 뷰포트 기준의 반응형 설계에서 컴포넌트 중심의 설계로 사고가 전환됨에 따라, 컨테이너 쿼리(Container Queries)와 유동적 타이포그래피를 결합하여 부모 컨테이너의 크기에 맞게 텍스트가 유연하게 적응하도록 만듭니다 [7, 15].
## 🔗 Knowledge Connections
- **Related Topics:** [[반응형 웹 디자인 (Responsive Web Design)]], [[컨테이너 쿼리 (Container Queries)]], [[웹 접근성 (WCAG 1.4.4)]], [[CSS 함수 (clamp, calc)]]
- **Projects/Contexts:** [[현대적 반응형 웹 디자인 및 컴포넌트 중심 CSS 아키텍처 환경]]
- **Related Topics:** [[반응형 웹 디자인 (Responsive Web Design)]], [[컨테이너 쿼리 (Container Queries)]], 웹 접근성 (WCAG 1.4.4), CSS 함수 (clamp, calc)
- **Projects/Contexts:** 현대적 반응형 웹 디자인 및 컴포넌트 중심 CSS 아키텍처 환경
- **Contradictions/Notes:** 뷰포트 단위를 사용하여 타이포그래피를 반응형으로 만드는 것은 시각적으로 부드러운 전환을 제공하지만, `100vw`와 같이 뷰포트 단위만 단독으로 사용할 경우 브라우저 줌이나 사용자의 기본 폰트 크기 설정을 무력화시켜 접근성에 심각한 악영향을 미치므로 반드시 `calc()`나 `clamp()`와 함께 상대 단위(`rem`/`em`)를 조합하여 사용해야 한다고 여러 소스에서 강하게 경고하고 있습니다 [10-12, 16].
---