세현's 개발로그

◈ useReducer 지금까지 작성한 App.js 코드는 useState가 너무 많아 컴포넌트 내의 내용이 너무 복잡하다는 문제가 있다. 이를 해결하기 위해 useReducer를 사용하여 상태변화로직을 App.js컴포넌트로부터 분리한다. useReducer는 const [data, dispatch] = useReducer(reducer, []); 이러한 형식을 사용하는데 이때 배열의 비구조화할당에서 0번째 인자는 항상 state이고, 두 번째 인자는 dispatch이다. useReducer의 첫 번째 인자는 reducer(상태변화처리함수)이고 두 번째 인자는 state의 초기값이다. 상태변화처리함수인 reducer는 컴포넌트 밖으로 분리하여 직접 만들어줘야 한다. const reducer = (stat..