[Javascript, React] 참조형 데이터의 불변성, 얕은 복사와 깊은 복사의 이해
아래는 React에서 상태(특히 참조형 데이터)를 다룰 때 불변성을 유지해야 하는 이유와, 원본 배열을 직접 변경하는 메서드들, 잘못된 예시와 올바른 예시, 그리고 얕은 복사와 깊은 복사에 관한 개념 및 방법들을 정리한 내용이다.1. 불변성 유지 필요성React에서 상태(state)는 컴포넌트의 UI 업데이트를 위한 핵심 데이터이다.특히 객체나 배열과 같은 참조형 데이터(state)를 직접 수정하면,변경된 값이 새로운 객체로 인식되지 않아 setState 호출 시 React가 변경을 감지하지 못하고 UI가 업데이트되지 않는다. 따라서, 불변성(immutability)을 유지하기 위해 원본 배열이나 객체를 직접 변경하지 않고,복사본을 만들어 변경한 후 새로운 값으로 상태를 업데이트해야 한다.2. 원본 배열..
2025. 3. 21.
최근댓글