setState에 바인딩 되어있는 함수가 실행되면 화면 전체가 리렌더링 된다.
setState가 작동할 땐 해당 함수 내에 셋팅해야하는 것들이 더 있는지 쭉 읽으면서 임시저장공간에 값을 저장해두다가 더 이상 변경해야하는 값이 없으면(함수가 끝나면) 마지막에 실행된 값으로 렌더링을 한다. 불필요한 리렌더링 방지 하기 위함이다.
state 변화로 애니메이션을 넣을 때 state를 사용하면 그 활동을 처리하는 시점에는 state가 임시저장공간에만 저장되어 있고 실제로 state에 저장이 된게 아니므로 제대로 애니메이션이 처리되지 않고 한박자 느리게 처리되는 등 의도대로 작동하지 않는다. 이 땐 event.target.value를 사용한다.
useState를 작성하는 코드를 간략화하는 4단계
