자바스크립트에서 불변 데이터 사용 시 메모리 누수 방지

07 Nov 2023

javascript

불변 데이터는 자바스크립트에서 프로그램의 성능과 안정성을 향상시키는 데 도움을 줄 수 있는 중요한 개념입니다. 불변 데이터를 사용하면 객체의 상태가 변경되지 않기 때문에 예상치 못한 동작이나 버그를 줄일 수 있습니다. 그러나 자바스크립트에서 불변 데이터를 사용할 때 메모리 누수를 방지하는 것이 중요합니다.

메모리 누수란 무엇인가요?

메모리 누수란 프로그램이 더 이상 필요하지 않은 메모리를 해제하지 않고 사용하는 상황을 말합니다. 자바스크립트에서는 가비지 컬렉터가 메모리를 관리하기 때문에 개발자가 직접 메모리를 해제할 필요는 없지만, 메모리 누수가 발생하면 사용하지 않는 메모리가 계속해서 쌓이게 되어 성능 저하와 장애 발생의 원인이 될 수 있습니다.

불변 데이터 사용시 메모리 누수 방지 방법

변수 초기화 후 재할당하지 않기: 불변 데이터를 사용할 때는 변수를 초기화한 후 다른 값을 할당하지 않는 것이 좋습니다. 재할당이 일어나면 메모리에서 사용하지 않는 객체가 제거되지 않을 수 있습니다.

const data = [1, 2, 3];  // 변수 초기화
// data = [4, 5, 6];    // 재할당 (메모리 누수 발생 가능성)

참조 종속성 제거하기: 불변 데이터를 가진 객체를 참조하고 있는 다른 객체가 있을 경우, 해당 참조를 제거해야 메모리 누수를 방지할 수 있습니다.

const data = {
  name: 'John',
  age: 25
};

const person = {
  data: data  // 참조를 가진 다른 객체
};

person.data = null;  // 참조 제거 (메모리 해제)

WeakMap 사용하기: WeakMap은 가비지 컬렉터에 의해 자동으로 메모리에서 제거되는 객체를 저장하는 데 사용됩니다. 불변 데이터를 WeakMap에 저장하면 불필요한 메모리 할당을 방지할 수 있습니다.

const weakMap = new WeakMap();
const data = [1, 2, 3];

weakMap.set(data, 'immutable data');

console.log(weakMap.get(data));  // "immutable data"

// 더 이상 data 객체를 사용하지 않을 때 WeakMap에서 자동으로 제거됨

요약

불변 데이터를 사용할 때 메모리 누수를 방지하기 위해 변수를 초기화한 후 재할당을 피하고, 참조 종속성을 제거하고, WeakMap을 활용하는 것이 좋습니다. 이러한 방법들을 사용하여 자바스크립트 프로그램의 성능과 안정성을 향상시킬 수 있습니다.

참고 자료:

MDN Web Docs - Memory Management