Microsoft Edge DevTools

📌 한 줄 통찰 (The Karpathy Summary)

지식 요약 정보 추출 중...

📖 구조화된 지식 (Synthesized Content)

DevTools 실행 및 접근 방법: 웹페이지에서 마우스 우클릭 후 **Inspect(검사)**를 선택하거나 단축키(Ctrl+Shift+I 또는 macOS의 경우 Command+Option+I)를 눌러 DevTools를 열 수 있습니다 [1]. 이후 Activity Bar에서 Memory 도구를 선택하여 메모리 프로파일링 기능에 접근합니다 [1].
타임라인의 할당 계측 (Allocations on timeline): JS 힙에서 메모리 누수를 추적하기 위한 DevTools의 주요 기능 중 하나입니다 [3]. 이 기능은 힙 프로파일러의 상세한 스냅샷 정보와 Performance 도구의 점진적인 업데이트 및 추적 기능을 결합하여 작동합니다 [2]. 기록 세션 동안 주기적으로(최대 50ms마다) 힙 스냅샷을 찍고, 기록이 끝날 때 최종 스냅샷을 생성합니다 [4].
메모리 누수 식별 및 분석:
- 기록 중 타임라인에 나타나는 막대의 높이는 최근 할당된 객체의 크기를 나타냅니다 [5].
- 파란색 막대는 타임라인이 끝날 때까지 여전히 살아있는(가비지 컬렉션되지 않은) 객체를 나타내며, 메모리 누수의 주요 후보가 됩니다 [3, 5].
- 회색 막대는 할당되었으나 이후 가비지 컬렉션으로 정리된 객체를 의미합니다 [5].
- 특정 막대를 확대하여 해당 기간에 할당된 객체만 표시하도록 필터링할 수 있으며, 힙 하단에서 유지 트리(retaining tree)와 경로를 검사해 객체가 수집되지 않은 원인을 분석할 수 있습니다 [3, 6].
영구 객체 ID 추적: 가비지 컬렉션 진행 중에 객체들의 메모리 주소가 이동할 수 있으므로, DevTools는 메모리 주소를 표시하는 대신 '@' 기호 뒤에 고유한 객체 ID를 부여합니다. 이 ID는 여러 스냅샷에 걸쳐 유지되어 힙 상태를 정확하게 비교할 수 있게 해줍니다 [4].

⚠️ 모순 및 업데이트 (Contradictions & RL Update)

과거 데이터와의 충돌: 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
정책 변화: Programming & Language 분야의 자동 자산화 수행.

🔗 지식 연결 (Graph)

Related Topics: Memory Tool, Garbage Collection, Heap Snapshot, Memory Leak
Projects/Contexts: Allocation instrumentation on timeline
Contradictions/Notes: 소스에 관련 정보가 부족합니다. Microsoft Edge DevTools의 전체적인 구조나 다른 패널(네트워크, 콘솔 등)에 대한 설명은 없으며, 오직 Memory 패널 내부의 타임라인 할당 프로파일링 도구에 대해서만 설명하고 있습니다.

Last updated: 2026-04-19

Raw Source: 00_Raw/2026-04-20/Microsoft Edge DevTools.md

3.1 KiB Raw Blame History

Microsoft Edge DevTools

📌 한 줄 통찰 (The Karpathy Summary)

📖 구조화된 지식 (Synthesized Content)

⚠️ 모순 및 업데이트 (Contradictions & RL Update)

🔗 지식 연결 (Graph)

3.1 KiB

Raw Blame History