devmoa

불변 객체와 immer

NHN·2022년 5월 2일·00
불변 객체ImmutabilityReactStatePropsObject.assign

AI 요약

Beta

이 글은 불변 객체의 개념과 React에서의 불변성 활용에 대해 설명합니다. 불변 객체는 생성 후 상태 변경이 불가능한 객체로, 동시 사용 시 안전성, 코드 영향 고려 불필요, 메모리 및 성능 향상 등의 장점을 가집니다.

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

따라서 리렌더링을 위해서는 이전 참조와 다른 새로운 참조를 만들어야 합니다. assign() 메서드를 사용하여 불변성을 유지하면서 객체를 복사하는 방법을 소개합니다.

는 방법을 소개합니다.

이 글이 궁금하신가요?

원문 블로그에서 전체 내용을 확인해 보세요

원문 읽으러 가기

AI 추천 연관 게시글

이 글과 관련된 다른 기술 블로그 글을 AI가 추천합니다