useReducer란? state를 관리하기 위해 만들어짐

→ 컴포넌트에서 직접 state를 수정하지 않는 개념

• useState를 사용하는 경우

useReducer는 첫 번째 인자로 state를 관리하는 함수를 등록해줘야 한다.

• state를 따로 관리할 때는 렌더링 시키는 함수에서 관리를 해주었으나 state가 여러 개인 경우 reducer를 사용하는 경우에는 따로 함수로 빼서 관리함

reducer의 두번 째 인자로는 해당 렌더링 함수에서 사용될 state의 초기값을 의미함

• state를 관리하는 함수는 렌더링 함수 밖에 선언되었으나, 렌더링 시점에서 state를 사용하기 위해서는 리듀서를 함수 내부에서 호출해야한다.
  • 호출 시, 사용할 state의 초기 값을 두 번째 인자로 설정함

이렇게 객체 구조분해 할당을 통해서 state와 dispatch 두 개의 지역변수를 사용할 수 있는데,

state는 reducer 즉, 함수로 호출하였으며 선언된 부분에서 관리함

dispatch를 호출하게 되면 reducer에 등록된 함수가 호출된다.

• 여기서 넘기는 값은 action 이라는 변수를 통해 관리가 된다.
• 넘어가는 과정에서 지역 변수로 선언된 state는 알아서 함수에 선언된 부분으로 넘어간다.