useState, useReducer 차이점과 useReducer 사용방법

React Hook 중에서 컴포넌트의 상태를 업데이트 할 때 사용하는 Hook으로는 useState와 useReducer가 있다. useReducer를 중심해서 두가지 Hook의 차이점에 대해 간단히 정리해보고자 한다. 1. useState 설정하고 싶은 다음 상태를 직접 지정해주는 방식으로 상태를 업데이트 해준다. useState를 통해 변수를 만들고 화면을 렌더링 시키면, set함수를 통해 바뀐 데이터만 React DOM에 리렌더링이 되도록 해준다. 이러한 방식으로 불변성을 유지하며 변수의 상태를 업데이트 시키기 위한 Hook이다. 2. useReducer action 객체를 기반으로 상태를 업데이트 해준다(action 객체: 업데이트 할 때 참조하는 객체) 보통 type(변수명, 변경가능) 이라는 ..