개발하는SM

서론 아래 코드에서 버튼을 눌렀을 때 에 찍히는 count 값은 왜 2이며 콘솔에 찍히는 count 값은 왜 1일까? setCount(count+1) 을 3번 호출했으니 둘 다 4가 찍혀야 하는거 아닌가? 리액트에서 상태 갱신을 어떤 식으로 진행하며, 컴포넌트 재평가는 언제 일어나는지 알아보자. React State Update Scheduling 리액트는 상태 갱신을 어떻게 할까? useState 훅에서 리턴되는 set 함수를 호출했을 때 즉각적으로 상태값이 변경되지는 않는다. 상태 업데이트를 "스케줄링" 하게 된다. 또한, 함수 호출 시 '리액트에서 관리하는 상태값'을 먼저 변경하며 우리 코드에 있는 상태값을 변경하지는 않는다. 우리 코드에 있는 상태값은 컴포넌트가 재실행되면서 '리액트에서 관리하는 ..

useState() 는 대표적인 state 관리 Hook 으로, 개별 state 및 데이터들을 다루기에 적합함. state update 가 쉽고 몇 가지로 제한되어 있는 경우, 즉 state 가 변경되는 경우가 다양하지 않은 경우 적합함. 하지만, 객체 형태의 state 또는 복잡한 state 가 있다면 useReducer 를 고려할 수 있음. 복잡한 형태의 State 를 다루기에 useReducer 가 더 Powerful 한 기능을 제공하기 때문임 ( 이전 state 를 가져오거나, dispatch 함수를 호출할 수 있는 기능 등 ) 참조 : https://www.udemy.com/course/best-react/