[G1-Sync] Manual knowledge update

10_Wiki/Topics/Frontend.md

@@ -1,5 +1,5 @@
 ---
-id: P-REINFORCE-AUTO-FRON-001
+id: [[P-Reinforce]]-AUTO-FRON-001
 category: "10_Wiki/💡 Topics/AI"
 confidence_score: 0.98
 tags: [auto-reinforced, frontend, web-development, ui, framework, user-interface]
@@ -16,16 +16,16 @@ last_reinforced: 2026-04-20
 
 1.  **3대 핵심 기술**:
     *   **HTML**: 웹의 뼈대와 구조 정의.
-    *   **CSS**: 스타일, 레이아웃, 심미적 디자인 (Design-System의 구현체).
-    *   **JavaScript**: 사용자의 클릭, 입력 등에 반응하는 동적 로직.
+    *   **CSS**: 스타일, 레이아웃, 심미적 디자인 ([[Design-System]]의 구현체).
+    *   **[[JavaScript]]**: 사용자의 클릭, 입력 등에 반응하는 동적 로직.
 2.  **현대적 라이브러리/프레임워크**:
-    *   **React, Vue, Svelte**: 컴포넌트 기반으로 복잡한 UI를 효율적으로 관리. (Scalability 확보)
+    *   **React, Vue, Svelte**: 컴포넌트 기반으로 복잡한 UI를 효율적으로 관리. ([[Scalability]] 확보)
 
 ## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
 - **과거 데이터와의 충돌**: 과거에는 정적인 문서를 보여주는 '표시 정책' 위주였으나, 현대 정책은 브라우저에서 거대 연산을 수행하고 오프라인에서도 작동하는 '애플리케이션 정책(SPA/PWA)'으로 도약함(RL Update).
 - **정책 변화(RL Update)**: 단순히 코드를 짜는 정책을 넘어, AI가 캡처한 이미지나 기획 문서만 보고 프론트엔드 코드를 자동 생성하는 'V0/Screenshot-to-Code 정책'이 도입되며 프론트 개발자의 역할이 '경험 설계자 정책'으로 고도화 중임.
 
 ## 🔗 지식 연결 (Graph)
-- [[Design-System]], User Experience (UX), [[Clean-Architecture-TypeScript]], [[Core-Web-Vitals]], [[Backend]]
-- **Modern Tech/Tools**: Next.js, Vite, WebGL/Three.js (Visuals), Tailwind CSS.
+- [[Design-System]], User Experience (UX), [[Clean-[[Architecture]]-TypeScript]], [[Core-Web-Vitals]], [[Backend]]
+- **Modern Tech/Tools**: [[Next.js]], Vite, [[WebGL]]/Three.js (Visuals), [[Tailwind CSS]].
 ---