인프런 커뮤니티 질문&답변

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

안녕하세요, 강의 잘 듣고 있습니다!

투두앱 만들기 강의 중 리액트 불변성 관련해서 궁금한 내용이 있어 질문드립니다.

리액트가 가상돔을 생성하여 비교하는 방식으로 렌더링을 최소화하는 방식으로 동작하기 때문에 불변성을 지켜주는 게 필요하다고 이해했는데, 강의 내용 중 드래그 앤 드롭 기능을 구현하면서 기존 배열 자체를 바꾸는(가변적인) splice 메서드를 사용해도 문제없이 동작하는 것에 대해 어떠한 상황에서 가변적인 메서드를 사용해도 좋은 것인지 질문드립니다.

또 불변성을 지켜보려고

const newTodoData = todoData;

부분을

const newTodoData = todoData.map((todo) => todo);

로 바꿔보았는데 이 경우 todoData가 바뀌어서 이후 최적화한 내용이 소용없어지더라구요. 불변성을 지키면서 최적화할 수 있는 방법도 궁금합니다.