불변 객체와 immer

이 글은 불변 객체의 개념과 React에서의 불변성 활용에 대해 설명합니다. 불변 객체는 생성 후 상태 변경이 불가능한 객체로, 여러 장점 중 하나는 여러 곳에서 안전하게 사용할 수 있다는 것입니다.

React는 Props와 State의 변경을 감지하여 컴포넌트를 리렌더링하는데, 이때 불변성을 활용합니다. 객체의 참조가 변경되었는지 얕은 비교를 통해 감지하므로, 객체의 내부 프로퍼티만 변경하면 React는 변경을 인지하지 못합니다.

따라서 리렌더링을 위해서는 이전 참조와 다른 새로운 참조를 만들어줘야 합니다. assign() 메서드를 이용한 참조 변경 방법을 소개합니다.

경 방법을 소개합니다.