JavaScript에서 메모리 관리 주의사항

GC가 자동이지만 메모리 누수는 발생합니다. GC가 해제 못하는 경우:

흔한 메모리 누수 패턴:

// 1. 전역 변수 축적
window.cache = [];  // 계속 쌓임

// 2. 이벤트 리스너 미해제
element.addEventListener("click", handler);
// element가 DOM에서 제거돼도 handler가 참조 유지

// 3. setInterval 미정리
const id = setInterval(() => { /* ... */ }, 1000);
// clearInterval(id) 안 하면 영원히 실행

// 4. 클로저가 큰 객체 참조
function outer() {
  const hugeData = new Array(1000000);
  return function inner() {
    // hugeData를 참조하지 않아도 스코프에 존재
  };
}

디버깅: Chrome DevTools → Memory → Heap Snapshot 비교

SPA에서 페이지 이동 시 이벤트 리스너와 타이머를 정리하는 것이 중요합니다.