docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
# [[Responsive Web Design]]
|
||||
# [[Responsive Web Design|Responsive Web Design]]
|
||||
|
||||
## 📌 Brief Summary
|
||||
반응형 웹 디자인(Responsive Web Design)은 모바일, 태블릿, 데스크톱 등 다양한 기기와 화면 크기에 맞춰 레이아웃과 콘텐츠가 유동적으로 변환되는 인터페이스를 구축하는 방식이다 [1, 2]. 단일 코드베이스로 모든 기기에 대응하며, 일관된 사용자 경험(UX)과 빠른 로딩 속도를 제공하는 것을 목표로 한다 [1-3]. 최근에는 모바일 우선 인덱싱(Mobile-First Indexing)과 코어 웹 바이탈(Core Web Vitals) 등 검색엔진 최적화(SEO)와 접근성 측면에서도 필수적인 요소로 평가받고 있다 [1, 4-6].
|
||||
@@ -19,7 +19,7 @@
|
||||
* **컴포넌트 중심 사고(Build Components, Not Pages):** 페이지 단위의 반응형 설계를 지양하고, 각각의 UI 요소(버튼, 카드 등)가 스스로의 맥락에 반응할 수 있도록 독립적인 컴포넌트로 구축해야 일관성과 유지보수성이 향상된다 [31, 41].
|
||||
|
||||
## 🔗 Knowledge Connections
|
||||
- **Related Topics:** [[CSS Grid]], [[Flexbox]], [[Container Queries]], [[Design Systems]], [[Mobile-First Design]]
|
||||
- **Related Topics:** [[CSS Grid|CSS Grid]], [[Flexbox|Flexbox]], [[Container Queries|Container Queries]], [[Design Systems|Design Systems]], [[Mobile-First Design|Mobile-First Design]]
|
||||
- **Projects/Contexts:** 대규모 프론트엔드 프로젝트에서 일관성과 유지보수성을 확보하기 위해, 페이지 단위가 아닌 컴포넌트 수준에서 반응형 동작을 내재화하여 디자인 시스템을 구축하는 실무 맥락.
|
||||
- **Contradictions/Notes:** 유동적 타이포그래피 구현 시 뷰포트/컨테이너 단위(예: `vw`, `cqi`)만을 단독으로 사용할 경우 사용자의 화면 확대/축소 설정이나 기본 폰트 크기를 무시하게 되어 WCAG 접근성 기준을 위반할 위험이 있으므로, 반드시 `calc()`나 `clamp()`를 활용하여 베이스 폰트(em, rem 등) 기반의 제어 권한을 사용자에게 보장해야 한다고 소스들은 경고합니다 [42-47].
|
||||
|
||||
|
||||
Reference in New Issue
Block a user