--- id: wiki-2026-0508-single-page-applications-spa title: Single Page Applications (SPA) category: 10_Wiki/Topics status: needs_review canonical_id: self aliases: [P-Reinforce-AUTO-D50C28] duplicate_of: none source_trust_level: A confidence_score: 0.9 tags: [auto-reinforced] raw_sources: [] last_reinforced: 2026-04-20 github_commit: "[P-Reinforce] Continuous Worker - Single Page Applications (SPA)" inferred_by: Claude Opus 4.7 (auto-normalize 2026-05-08) tech_stack: language: unspecified framework: unspecified --- # [[Single Page Applications (SPA)|Single Page Applications (SPA]] ## πŸ“Œ ν•œ 쀄 톡찰 (The Karpathy Summary) > μ†ŒμŠ€μ— κ΄€λ ¨ 정보가 λΆ€μ‘±ν•©λ‹ˆλ‹€. 제곡된 μ†ŒμŠ€μ—λŠ” Single Page Applications (SPA)에 λŒ€ν•œ λͺ…ν™•ν•œ μ •μ˜λ‚˜ κ°œμš”κ°€ ν¬ν•¨λ˜μ–΄ μžˆμ§€ μ•ŠμœΌλ©°, λΈŒλΌμš°μ € λ©”λͺ¨λ¦¬ λˆ„μˆ˜μ˜ λ¬Έλ§₯μ—μ„œ λ‹¨νŽΈμ μœΌλ‘œλ§Œ μ–ΈκΈ‰λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€ [1]. ## πŸ“– κ΅¬μ‘°ν™”λœ 지식 (Synthesized Content) μ†ŒμŠ€μ— κ΄€λ ¨ 정보가 λΆ€μ‘±ν•©λ‹ˆλ‹€. 제곡된 μ†ŒμŠ€μ—μ„œ SPA와 κ΄€λ ¨ν•˜μ—¬ 확인할 수 μžˆλŠ” μœ μΌν•œ μ„ΈλΆ€ μ •λ³΄λŠ” λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€. * **λ©”λͺ¨λ¦¬ λˆ„μˆ˜μ˜ μ£Όμš” λ°œμƒμ›:** SPA 라우트 μ „ν™˜(route transitions)은 μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ λ©”λͺ¨λ¦¬ λˆ„μˆ˜κ°€ λ°œμƒν•˜λŠ” κ°€μž₯ μ£Όμš”ν•œ 원인(#1 leak source)μž…λ‹ˆλ‹€ [1]. * **λˆ„μˆ˜ λ°œμƒ λ©”μ»€λ‹ˆμ¦˜:** 이전 라우트의 μ»΄ν¬λ„ŒνŠΈκ°€ 이벀트 λ¦¬μŠ€λ„ˆ(listeners), 타이머(timers) λ˜λŠ” μ „μ—­ μƒνƒœ μ°Έμ‘°(global [[State|State]] [[Reference|Reference]]s)λ₯Ό μ œλŒ€λ‘œ 정리(clean up)ν•˜μ§€ λͺ»ν•œ μƒνƒœλ‘œ λ°©μΉ˜ν•  경우, μ΄λŸ¬ν•œ 참쑰듀이 μ„Έμ…˜ 수λͺ… κΈ°κ°„ λ™μ•ˆ 계속 λˆ„μ λ˜μ–΄ λ©”λͺ¨λ¦¬ λˆ„μˆ˜λ₯Ό μΌμœΌν‚€κ²Œ λ©λ‹ˆλ‹€ [1]. ## ⚠️ λͺ¨μˆœ 및 μ—…λ°μ΄νŠΈ (Contradictions & Updates) - **κ³Όκ±° λ°μ΄ν„°μ™€μ˜ 좩돌:** μžλ™ν™” 엔진에 μ˜ν•΄ λ§€ν•‘λœ μ§€μ‹μœΌλ‘œ, μΆ”ν›„ μ •λ°€ 검증 ν•„μš”. - **μ •μ±… λ³€ν™”:** Programming & Language λΆ„μ•Όμ˜ μžλ™ μžμ‚°ν™” μˆ˜ν–‰. ## πŸ”— 지식 μ—°κ²° (Graph) - **Related Topics:** [[Memory Leaks|Memory Leaks]], [[Garbage Collection|Garbage Collection]] - **Projects/Contexts:** [[Browser|Browser]] [[memory|memory]] Leak Detection - **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: 이 ν”„λ‘œμ νŠΈ μ»¨λ²€μ…˜ λ°˜μ˜ν•œ ꡬ쑰 μŠ€μΌˆλ ˆν†€)* ```text # TODO ``` ## πŸ€” μ˜μ‚¬κ²°μ • κΈ°μ€€ (Decision Criteria) **선택 Aλ₯Ό 써야 ν•  λ•Œ:** - *(TODO)* **선택 Bλ₯Ό 써야 ν•  λ•Œ:** - *(TODO)* **κΈ°λ³Έκ°’:** > *(TODO)* ## ❌ μ•ˆν‹°νŒ¨ν„΄ (Anti-Patterns) - **[μ•ˆν‹°νŒ¨ν„΄]:** *(TODO: 무엇을 ν•˜λ©΄ μ•ˆ λ˜λŠ”κ°€ + 이유 + λŒ€μ‹  무엇을)*