bluemsi/2nd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links

Browse Source
This commit is contained in:
Antigravity Agent
2026-05-02 09:18:34 +09:00
parent c84dcb8371
commit 6445fcc05b
13150 changed files with 55394 additions and 100862 deletions
Download Patch File Download Diff File Expand all files Collapse all files
10_Wiki/Topics_Blog/Content_Strategy/Mobile-First Design.md
+3 -3
View File
@@ -1,4 +1,4 @@
# [[Mobile-First Design]]
# [[Mobile-First Design|Mobile-First Design]]
## 📌 Brief Summary
모바일 퍼스트 디자인(Mobile-First Design)은 가장 작은 뷰포트인 모바일 화면을 기준으로 디자인과 코드를 먼저 작성한 후, 화면 크기가 커짐에 따라 점진적으로 레이아웃을 확장해 나가는 웹 디자인 방식입니다 [1, 2]. 이 접근법은 필수 콘텐츠의 우선순위를 정하도록 강제하여 더 깔끔하고 빠른 기본 스타일을 생성하게 하며, 최신 검색 엔진의 모바일 우선 인덱싱(Mobile-First Indexing) 기준을 충족시켜 SEO(검색 엔진 최적화)에도 중요한 영향을 미칩니다 [2-4].
@@ -18,8 +18,8 @@
* 우수한 모범 사례인 '가디언(The Guardian)' 웹사이트의 경우, 작은 폰 화면에서는 단일 에디토리얼 스택으로 표시되다가 데스크톱에서는 4~5개 열로 부드럽게 확장되는 완벽한 모바일 퍼스트 레이아웃을 보여줍니다 [10, 11].
## 🔗 Knowledge Connections
- **Related Topics:** [[Responsive Web Design]], [[Media Queries]], [[Core Web Vitals]]
- **Projects/Contexts:** [[CSS 실전 설계]], [[반응형 디자인]], [[The Guardian Website]]
- **Related Topics:** [[Responsive Web Design|Responsive Web Design]], [[미디어 쿼리 (Media Queries)|Media Queries]], [[Core Web Vitals|Core Web Vitals]]
- **Projects/Contexts:** CSS 실전 설계, [[반응형 디자인|반응형 디자인]], The Guardian Website
- **Contradictions/Notes:** 소스에서는 데스크톱 레이아웃을 먼저 만들고 이를 모바일 크기로 줄이는 방식(Graceful Degradation)은 코드가 복잡해지고 요소가 비좁아져 유지보수가 어렵기 때문에, 모바일 버전을 시작점으로 삼아 큰 화면으로 확장하는 방식(Progressive Enhancement)을 취하는 것이 올바른 CSS 설계 구조라고 강조합니다 [5, 7].
---