docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
---
|
||||
id: [[Chrome]]-MEM-001
|
||||
id: [[Chrome|Chrome]]-MEM-001
|
||||
category: "10_Wiki/💡 Topics/AI"
|
||||
confidence_score: 1.0
|
||||
tags: [web-performance, debugging, [[memory]]-leak, devtools]
|
||||
tags: [web-performance, debugging, [[memory|memory]]-leak, devtools]
|
||||
last_reinforced: 2026-04-26
|
||||
---
|
||||
|
||||
# [[Chrome DevTools]] Memory Profiling (메모리 분석 및 성능 최적화)
|
||||
# [[Chrome DevTools|Chrome DevTools]] Memory Profiling (메모리 분석 및 성능 최적화)
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> "보이지 않는 메모리 누수를 가시화하라" — 브라우저의 힙 스냅샷과 타임라인 기록을 통해 자바스크립트 객체의 할당 및 해제 과정을 추적하여 웹 애플리케이션의 메모리 효율성을 극대화하는 진단 도구.
|
||||
@@ -14,7 +14,7 @@ last_reinforced: 2026-04-26
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
- **추출된 패턴:** 메모리 점유율이 지속적으로 우상향하는 '메모리 누수(Memory Leak)' 패턴을 식별하고, 해제되지 않은 참조 관계(Retainer Tree)를 찾아내는 진단 패턴.
|
||||
- **세부 내용:**
|
||||
- **[[Heap Snapshot]]:** 특정 시점의 메모리 사용 현황을 캡처하여 어떤 객체가 가장 많은 용량을 차지하는지 분석.
|
||||
- **[[Heap Snapshot|Heap Snapshot]]:** 특정 시점의 메모리 사용 현황을 캡처하여 어떤 객체가 가장 많은 용량을 차지하는지 분석.
|
||||
- **Allocation Instrumentation on Timeline:** 시간에 따른 메모리 할당 현황을 기록하여 특정 사용자 동작(클릭 등) 시 메모리가 비정상적으로 급증하는지 확인.
|
||||
- **Detached DOM Nodes:** 화면에서 사라졌지만 가비지 컬렉터(GC)에 의해 수거되지 못한 DOM 노드를 탐지.
|
||||
- **Shallow Size vs Retained Size:** 객체 자체의 크기와 해당 객체가 유지하고 있는 다른 객체들의 합계 크기를 구분하여 병목 지점 파악.
|
||||
|
||||
Reference in New Issue
Block a user