--- id: P-REINFORCE-AUTO-D3063D category: "[[10_Wiki/πŸ’‘ Topics/Programming & Language]]" confidence_score: 0.90 tags: [auto-reinforced] last_reinforced: 2026-04-20 github_commit: "[P-Reinforce] Continuous Worker - Microsoft Edge DevTools" --- # [[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]] ---