Snapshot

Welcome to the xp-components wiki!

Chrome DevTools Heap Snapshot 가이드

1. DevTools 열기

• 단축키: F12 또는 Ctrl+Shift+I (Mac: Cmd+Opt+I)
• Memory 탭 클릭

2. 프로파일 옵션

• Heap snapshot: 현재 메모리 구조 기록
• Allocation timeline: 시간별 추적
• Allocation sampling: 함수 단위 분석

3. Snapshot 찍기

1. Memory 탭 → Heap snapshot
2. Take snapshot 버튼 클릭
3. Snapshot 1 저장됨

4. 스냅샷 비교

1. Snapshot 1 촬영
2. 문제 동작 실행
3. Snapshot 2 촬영
4. Snapshot 1 vs 2 비교

5. 주요 지표

• Summary: 타입별 메모리 점유
• Comparison: 증가 객체 확인
• Containment: 참조 구조 확인
• Retainers: 상위 참조 체인