[G1-Sync] Manual knowledge update

10_Wiki/Topics/Frontend_Mastery/모바일 퍼스트(Mobile-First).md

@@ -1,6 +1,6 @@
 # [[모바일 퍼스트(Mobile-First)]]
 
-## 📌 Brief Summary
+## 📌[[ brief]] Summary
 모바일 퍼스트(Mobile-First)는 웹사이트를 기획, 구조화, 설계할 때 가장 작은 화면 크기(모바일)를 기준으로 시작하여, 점진적으로 더 큰 기기에 맞춰 확장해 나가는 디자인 및 콘텐츠 전략입니다 [1, 2]. 이 접근법은 제한된 공간 안에서 필수적인 콘텐츠와 기능을 최우선으로 배치하여 간결하고 빠른 레이아웃을 생성하는 데 목적이 있습니다 [2, 3]. 기술적으로 CSS를 작성할 때는 모바일용 기본 스타일을 먼저 정의한 후, `min-width` 미디어 쿼리를 사용하여 뷰포트가 커질 때 점진적으로 복잡성을 더해가는 방식으로 구현됩니다 [1, 4, 5].
 
 ## 📖 Core Content
@@ -11,7 +11,7 @@
 
 ## 🔗 Knowledge Connections
 - **Related Topics:** [[반응형 디자인(Responsive Design)]], [[미디어 쿼리(Media Queries)]], [[모바일 퍼스트 인덱싱(Mobile-first indexing)]]
-- **Projects/Contexts:** [[CSS 구조 설계 방식]], 검색 엔진 최적화(SEO) 및 Core Web Vitals 성과 관리
+- **Projects/Contexts:** [[CSS 구조 설계 방식]], 검색 엔진 최적화(SEO) 및 [[Core Web Vitals]] 성과 관리
 - **Contradictions/Notes:** 실무에서는 모바일 퍼스트 디자인과 반응형 디자인이 종종 같은 의미로 혼용되지만, 소스에서는 모바일 퍼스트가 '우선순위를 결정하는 전략'인 반면 반응형 디자인은 '유동적으로 반응하게 하는 기술적 시스템'이라는 점을 들어 이 둘을 명확하게 구분하고 있습니다 [2, 7].
 
 ---