setCount(prev => prev + 1)처럼 이전 state를 인자로 받아 연속 업데이트의 흔들림을 줄입니다.
state depth
useState 참조 갱신
상태가 단순 값에서 객체와 배열로 커질수록 이전 값에 의존하는 업데이트와 불변성 유지가 더 중요해집니다.
기존 객체를 직접 수정하지 않고 새 참조를 만들어 React가 변화를 감지하게 합니다.
초깃값 계산이 무거울 때 함수로 넘겨 첫 렌더에서만 계산하도록 제한합니다.
다음 값이 이전 값에 의존하는지 먼저 본다.
객체와 배열 업데이트에서 새 참조를 만든다.
초기 계산이 매 렌더마다 반복되지 않게 한다.
상태 변경 뒤 어떤 UI가 다시 계산되는지 확인한다.