[G1-Sync] Manual knowledge update

10_Wiki/Topics/Chrome DevTools.md

@@ -1,8 +1,8 @@
 ---
-id: P-REINFORCE-AUTO-CDTO-001
+id: [[P-Reinforce]]-AUTO-CDTO-001
 category: "10_Wiki/💡 Topics/AI"
 confidence_score: 0.96
-tags: [auto-reinforced, chrome-devtools, debugging, web-development, performance-analysis, browser-tools]
+tags: [auto-reinforced, [[Chrome]]-devtools, debugging, web-development, performance-[[Analysis]], [[Browser]]-tools]
 last_reinforced: 2026-04-20
 ---
 
@@ -16,9 +16,9 @@ Chrome DevTools는 구글 크롬 브라우저에 내장된 웹 제작 및 디버
 
 1.  **핵심 패널**:
     *   **Elements**: DOM 구조와 CSS 스타일을 실시간 수정 및 미리보기.
-    *   **Console**: API 테스트, 로그 확인, JavaScript 코드 즉석 실행.
-    *   **Network**: 데이터 요청 오가는 것을 감시하고 속도 지연 원인 파악. (Backend와 연결)
-    *   **Performance/Memory**: 프레임 드랍이나 메모리 누수(Memory Leak)를 정밀 분석. (Bottlenecks와 연결)
+    *   **Console**: API 테스트, 로그 확인, [[JavaScript]] 코드 즉석 실행.
+    *   **Network**: 데이터 요청 오가는 것을 감시하고 속도 지연 원인 파악. ([[Backend]]와 연결)
+    *   **Performance/[[memory]]**: 프레임 드랍이나 메모리 누수(Memory Leak)를 정밀 분석. ([[Bottlenecks]]와 연결)
 2.  **왜 중요한가?**:
     *   브라우저라는 거대한 블랙박스 내부의 '런타임 상태'를 투명하게 가시화하여, 이론이 아닌 데이터 기반의 최적화를 가능케 함.
 
@@ -28,5 +28,5 @@ Chrome DevTools는 구글 크롬 브라우저에 내장된 웹 제작 및 디버
 
 ## 🔗 지식 연결 (Graph)
 - [[Browser]], [[Backend]], [[Bottlenecks]], [[Analysis]], [[Technical-Architecture]]
-- **Modern Tech/Tools**: Lighthouse, Heap Snapshot analyzer, Recorder panel.
+- **Modern Tech/Tools**: [[Lighthouse]], [[Heap Snapshot]] analyzer, Recorder panel.
 ---