lyuna's story

useReduceruseReducer는 컴포넌트 내에서 reducer 함수를 활용하여 상태를 관리할 수 있게 해주는React Hook 이다.useState의 대안으로 사용되며, 복잡한 상태 로직을 다룰때나 다음 상태가 이전 상태에 의존할 때 특히 유용하다. 컴포넌트의 최상위 레벨에서 useReducer를 호출하여 reducer 를 통해 state를 관리해라. 매개변수reducer : 상태가 업데이트 되는 방식을 지정하는 reducer 함수이다. 이 함수는 순수함수여야 하며, state와 액션을 인자로 받아들이고, 다음 상태를 반환해야한다.initialArg : 초기 상태가 계산되는 값이다. 이 값은 모든 유형의 값일 수 있다. 초기 상태가 이 값에서 어떻게 계산되는지는 다음 init 인자에 따라 달라진다..

첫째로, 렌더링 도중에 상태를 업데이트 할 때는 조건부로 업데이트를 수행해야 한다. 이때 조건은 이전상태 (prevCount)와 새로운 상태 (count)가 다른지를 확인하는 것이다. 이렇게 하면 불필요한 렌더링을 방지할 수 있다. 만약 조건 없이 상태를 업데이트 한다면 렌더링이 무한반복되어 앱이 깨질 수 있다. 둘째, 상태를 업데이트 할 때는 상태를 업데이트 하는 함수인 setPrevCount를 호출해야 한다, 이 함수는 이전 상태(precCount)를 새로운 상태 (count)로 업데이트 한다. 이를 통해 리액트는 상태 변경을 추적하고 필요한 경우에만 컴포넌트를 다시 렌더링 한다. 셋째, 렌더링 도중에는 현재 렌더링 중인 컴포넌트의 상태만을 업데이트 해야 한다. 다른 컴포넌트의 상태를 업데이트하려고..