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

10_Wiki/Topics_Art/UI_UX_Assets/반응형 웹 디자인 (Responsive Web Design).md

@@ -1,4 +1,4 @@
-# [[반응형 웹 디자인 (Responsive Web Design)]]
+# [[반응형 웹 디자인 (Responsive Web Design)|반응형 웹 디자인 (Responsive Web Design)]]
 
 ## 📌 Brief Summary
 반응형 웹 디자인(Responsive Web Design)은 유동적 그리드, 유연한 이미지, CSS 미디어 쿼리 등을 활용해 사용자의 화면 크기(뷰포트)나 기기 환경에 맞춰 인터페이스가 유동적으로 적응하도록 구축하는 방식입니다 [1], [2]. 데스크톱, 태블릿, 모바일을 위한 별도의 사이트를 만들지 않고 단일 코드베이스를 사용하여 일관성 있고 빠른 사용자 경험을 제공합니다 [3], [4]. 최근(2025/2026년 기준)에는 컨테이너 쿼리와 유동적 타이포그래피가 표준 기술로 자리 잡았으며, 검색 엔진 최적화(SEO)와 코어 웹 바이탈(Core Web Vitals), 그리고 접근성 향상을 위한 필수적인 기반 기술입니다 [1], [5], [6].
@@ -20,8 +20,8 @@
     *   **접근성과 코어 웹 바이탈 (Accessibility & Core Web Vitals):** 모바일 인터페이스는 터치 실수를 줄이도록 최소 44×44px(또는 48×48px) 이상의 터치 타겟 패딩을 가져야 합니다 [29], [30]. 반응형 설계는 Google의 모바일 우선 색인 체제에서 LCP(로딩 속도), CLS(시각적 안정성) 등의 Core Web Vitals 수치에 직접적인 영향을 주므로 성능 자체가 반응형 디자인의 일부로 간주됩니다 [31], [32], [6].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[CSS Grid]], [[Flexbox]], [[Container Queries]], [[Fluid Typography]], [[Mobile-First Design]]
-- **Projects/Contexts:** [[디자인 시스템 (Design Systems)]], [[Core Web Vitals]], [[모바일 우선 색인 (Mobile-First Indexing)]]
+- **Related Topics:** [[CSS Grid|CSS Grid]], [[Flexbox|Flexbox]], [[Container Queries|Container Queries]], [[Fluid Typography|Fluid Typography]], [[Mobile-First Design|Mobile-First Design]]
+- **Projects/Contexts:** [[디자인 시스템 (Design Systems)|디자인 시스템 (Design Systems)]], [[Core Web Vitals|Core Web Vitals]], 모바일 우선 색인 (Mobile-First Indexing)
 - **Contradictions/Notes:** 유동적 타이포그래피 설계 시 뷰포트 단위(`vw`) 단독으로 폰트 크기를 설정하면 사용자의 기본 폰트 크기 설정이나 브라우저 돋보기(Zoom) 기능이 무력화되어 접근성 지침(WCAG 1.4.4)을 위반할 위험이 있습니다. 이를 방지하기 위해 사용자 설정 기준인 `em` 또는 `rem` 단위를 `calc()`나 `clamp()` 함수에 혼합하여 사용해야 합니다 [33-36], [37].
 
 ---