Immer와 immer.merge 함수 활용 방법 알아보기

27 Sep 2023

immer

Immer는 JavaScript의 불변성 라이브러리로서, 객체의 상태를 변이(mutate)하지 않고도 수정할 수 있게 해줍니다. immer.merge 함수는 Immer 라이브러리에서 제공하는 함수 중 하나로, 불변성을 유지하면서 여러 개의 객체를 병합할 때 사용됩니다.

immer.merge 함수란?

immer.merge 함수는 객체를 병합하는 역할을 합니다. 이 함수를 사용하면 기존 객체를 직접 수정하지 않고, 새로운 객체를 생성하여 원하는 변경사항을 반영할 수 있습니다. 이를 통해 불변성을 유지하면서 객체를 효율적으로 다룰 수 있습니다.

immer.merge 함수 사용 방법

immer.merge 함수는 다음과 같은 방식으로 사용할 수 있습니다:

const baseObj = {
  name: "John",
  age: 28,
};

const updatedObj = immer.merge(baseObj, {
  age: 29,
});

console.log(updatedObj);

위의 코드에서, baseObj 객체의 age 속성을 29로 변경하여 updatedObj에 저장하고 있습니다. 이때, immer.merge 함수를 사용하여 새로운 객체를 생성하고 원하는 변경사항을 반영합니다. 이렇게 함으로써, 기존 객체를 직접 수정하지 않고도 객체의 상태를 변경할 수 있습니다.

주의사항

immer.merge 함수를 사용할 때 몇 가지 주의사항이 있습니다:

immer.merge 함수는 얕은 병합(shallow merge)을 수행합니다. 즉, 객체 내부의 중첩된 객체는 새로운 객체로 대체되지 않고, 기존 객체를 그대로 사용합니다. 따라서 중첩된 객체의 변경사항은 기존 객체에 영향을 주게 됩니다.
immer.merge 함수는 불변성을 유지하기 위해 객체를 새로 생성합니다. 따라서 병합하려는 객체의 크기가 크거나 복잡한 경우, 성능 상의 이슈가 발생할 수 있습니다.

결론

Immer와 immer.merge 함수를 사용하면 객체를 불변성을 유지하면서 효율적으로 병합할 수 있습니다. 이를 통해 JavaScript 코드의 가독성과 유지보수성을 향상시킬 수 있습니다. 하지만 immer.merge 함수를 사용할 때는 얕은 병합과 성능 이슈에 대한 주의가 필요합니다. 적절하게 활용하여 JavaScript 프로젝트의 개발 속도를 높이고 실수를 방지할 수 있습니다.

immer.merge 함수란?

immer.merge 함수 사용 방법

주의사항

결론

#Immer #JavaScript