React는 선언적인 방식으로 UI를 조작합니다. 개별적인 UI를 직접 조작하는 것 대신에 컴포넌트 내부에 여러 state(상태)를 묘사하고 사용자의 입력에 따라 state를 변경합니다. 상태가 변경되면 리액트는 컴포넌트를 재렌더링하고, 상태에 따른 UI를 그립니다. 리액트는 상태변화를 어떻게 감지할까요? React는 useState 훅이 제공하는 setState 함수 호출을 통해 상태 변화를 감지합니다. 이때 내부적으로 이전 상태와 새로운 상태의 참조값을 비교하여 변화를 확인하기 때문에 불변성을 지키는 것이 중요합니다. 왜 state를 직접 변경하지 않고 setState를 통해 변경하는 것일까요? setState를 사용하지 않고 state를 직접 변경하면 리렌더링이 발생하지 않습니다. functio..
