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 @@
|
||||
# [[모바일 퍼스트(Mobile-First)]]
|
||||
# [[모바일 퍼스트(Mobile-First)|모바일 퍼스트(Mobile-First)]]
|
||||
|
||||
## 📌 Brief Summary
|
||||
모바일 퍼스트(Mobile-First)는 웹사이트를 기획, 구조화, 설계할 때 가장 작은 화면 크기(모바일)를 기준으로 시작하여, 점진적으로 더 큰 기기에 맞춰 확장해 나가는 디자인 및 콘텐츠 전략입니다 [1, 2]. 이 접근법은 제한된 공간 안에서 필수적인 콘텐츠와 기능을 최우선으로 배치하여 간결하고 빠른 레이아웃을 생성하는 데 목적이 있습니다 [2, 3]. 기술적으로 CSS를 작성할 때는 모바일용 기본 스타일을 먼저 정의한 후, `min-width` 미디어 쿼리를 사용하여 뷰포트가 커질 때 점진적으로 복잡성을 더해가는 방식으로 구현됩니다 [1, 4, 5].
|
||||
@@ -10,8 +10,8 @@
|
||||
* **사용자 경험(UX) 및 우선순위 설정:** 가장 작은 화면을 위한 설계는 불필요한 요소를 제거하고 가장 중요한 것에만 집중하도록 강제합니다 [3, 12]. 이를 통해 사용자의 인지 부하를 줄일 수 있으며, 내비게이션이나 주요 행동(CTA) 버튼은 추가적인 스크롤 없이도 찾기 쉽고 조작할 수 있는 크기로 배치되어 원활한 사용자 여정을 돕습니다 [2, 5].
|
||||
|
||||
## 🔗 Knowledge Connections
|
||||
- **Related Topics:** [[반응형 디자인(Responsive Design)]], [[미디어 쿼리(Media Queries)]], [[모바일 퍼스트 인덱싱(Mobile-first indexing)]]
|
||||
- **Projects/Contexts:** [[CSS 구조 설계 방식]], [[검색 엔진 최적화(SEO) 및 Core Web Vitals 성과 관리]]
|
||||
- **Related Topics:** [[반응형 디자인(Responsive Design)|반응형 디자인(Responsive Design)]], [[미디어 쿼리(Media Queries)|미디어 쿼리(Media Queries)]], [[모바일 퍼스트 인덱싱(Mobile-First Indexing)|모바일 퍼스트 인덱싱(Mobile-first indexing)]]
|
||||
- **Projects/Contexts:** [[CSS 구조 설계 방식|CSS 구조 설계 방식]], 검색 엔진 최적화(SEO) 및 Core Web Vitals 성과 관리
|
||||
- **Contradictions/Notes:** 실무에서는 모바일 퍼스트 디자인과 반응형 디자인이 종종 같은 의미로 혼용되지만, 소스에서는 모바일 퍼스트가 '우선순위를 결정하는 전략'인 반면 반응형 디자인은 '유동적으로 반응하게 하는 기술적 시스템'이라는 점을 들어 이 둘을 명확하게 구분하고 있습니다 [2, 7].
|
||||
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user