Files

T

koriweb 5ba5a55c78 feat: Wiki 지식 자산 업데이트 - UX Scenarios, Frontend, Game Design, Topics 추가 [2026-05-08]

2026-05-08 19:52:07 +09:00

5.6 KiB

Raw Blame History

id, title, category, status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, tags, raw_sources, last_reinforced, github_commit, inferred_by, tech_stack

title

타임라인 할당 계측(Allocation instrumentation on timeline)

📌 한 줄 통찰 (The Karpathy Summary)

타임라인 할당 계측(Allocation instrumentation on timeline)은 Chrome 및 Microsoft Edge DevTools의 메모리(memory) 패널에서 제공하는 성능 프로파일링 도구로, 특정 기간 동안 발생하는 모든 메모리 할당을 스택 트레이스와 함께 기록합니다 [1-3]. 힙 프로파일러의 상세한 스냅샷 정보와 타임라인 패널의 점진적 업데이트 및 추적 기능을 결합한 것이 특징입니다 [2, 3]. 이 도구는 정상적으로 가비지 컬렉션(GC)되지 않고 메모리에 남아 메모리 누수를 일으키는 객체와 해당 객체의 생성 위치를 시각적으로 추적하고 식별하는 데 주로 사용됩니다 [1, 2, 4, 5].

📖 구조화된 지식 (Synthesized Content)

기록 방식 및 고유 식별자: 이 도구는 기록이 진행되는 동안 주기적으로(최대 50ms마다 한 번씩) 힙 스냅샷을 캡처하며, 기록이 끝날 때 마지막으로 하나의 최종 스냅샷을 캡처합니다 [6-8]. 캡처된 각 객체에는 @ 기호 뒤에 영구적인 객체 ID가 부여되어 여러 스냅샷 간에 힙 상태를 정밀하게 비교할 수 있도록 지원합니다 [6, 8, 9]. 객체는 가비지 컬렉션 중에 이동할 수 있으므로, 메모리 주소 대신 이 고유 ID를 사용하는 것이 추적에 유리합니다 [6, 8].
타임라인 막대(Bar)의 시각적 의미: 타임라인 상단에는 힙에서 새로운 객체가 할당된 시점을 나타내는 막대들이 표시됩니다 [7, 10, 11].
- 막대의 높이: 특정 시점에 할당된 객체들의 전체 크기(size)를 나타냅니다 [7, 10, 11].
- 파란색 막대(Blue bars): 할당된 객체가 타임라인 기록 종료 시점까지 메모리에 살아있음(live)을 의미하며, 이는 메모리가 해제되지 않고 남아 있는 메모리 누수 후보를 나타냅니다 [1, 7, 10-13].
- 회색 막대(Gray bars): 할당되었으나 이후 가비지 컬렉터에 의해 성공적으로 수거(GC)된 객체를 의미합니다 [1, 7, 10-12].
분석 및 누수 원인 추적: 타임라인에서 파란색 막대가 나타나는 특정 시간대를 마우스로 드래그하여 확대(Zoom in)하면, 해당 시간 창(time window) 내에 할당된 객체들만 '생성자(Constructor)' 창에 필터링됩니다 [1, 12, 14, 15]. 특정 생성자나 객체를 클릭하면 해당 객체가 생성된 정확한 코드 위치를 나타내는 스택 트레이스(Allocation stack)를 확인할 수 있습니다 [1, 15-17]. 또한 '유지 경로(Retainers)' 패널을 통해 해당 객체를 메모리에 살아있게 만드는 참조 체인(Retaining tree)을 파악하여, 불필요하게 객체를 참조하고 있는 코드의 근본적인 원인을 파악하고 수정할 수 있습니다 [1, 13, 14, 18, 19].

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

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

🔗 지식 연결 (Graph)

Related Topics: 메모리 누수(Memory leak), 가비지 컬렉션(Garbage Collection), 힙 스냅샷(Heap Snapshot), 스택 트레이스(Stack trace)
Projects/Contexts: Chrome DevTools, Microsoft Edge DevTools, Node.js 성능 디버깅
Contradictions/Notes: 소스에 관련 정보가 부족합니다.

Last updated: 2026-04-19

🤖 LLM 활용 힌트 (How to Use This Knowledge)

언제 이 지식을 쓰는가:

(TODO)

언제 쓰면 안 되는가:

(TODO)

🧪 검증 상태 (Validation)

정보 상태: needs_review
출처 신뢰도: A
검토 이유: (P-Reinforce Phase 1 자동 정규화. 본문 검증 필요.)

🧬 중복 검사 (Duplicate Check)

기존 유사 문서: (TODO: 인덱서 클러스터 리포트 참조)
처리 방식: UPDATE (자동 정규화)
처리 이유: Phase 1 정규화 — 옛 템플릿/누락 필드 보강.

🕓 변경 이력 (Changelog)

날짜	변경 내용	처리 방식	신뢰도
2026-05-08	P-Reinforce Phase 1 정규화 (frontmatter + 헤더 표준화)	UPDATE	A

💻 코드 패턴 (Code Patterns)

패턴 1: (TODO: 이 프로젝트 컨벤션 반영한 구조 스켈레톤)

# TODO

🤔 의사결정 기준 (Decision Criteria)

선택 A를 써야 할 때:

(TODO)

선택 B를 써야 할 때:

(TODO)

기본값:

(TODO)

❌ 안티패턴 (Anti-Patterns)

[안티패턴]: (TODO: 무엇을 하면 안 되는가 + 이유 + 대신 무엇을)

5.6 KiB Raw Blame History