인프런 커뮤니티 질문&답변

H K님의 프로필 이미지
H K

작성한 질문수

[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

9.1) useReducer를 소개합니다

마지막에 말씀하신 내용이 잘 이해가 안갑니다.

작성

·

433

1

안녕하세요.

강의를 듣다가 마지막에 하신 말씀이 잘 이해가 안돼서 질문드립니다.

복잡한 상태 관리 로직 분리하기 - useReducer의 22:31 부분에서

"dispatch는 함수형 업데이트 그런거 필요 없이 호출하면 알아서 현재의 state를 참조해서 자동으로 해주니 useCallback을 사용하면서 dependency array를 걱정할 필요가 없다."

라고 하셨는데 이게 무엇을 의미하는 말씀인지 말 모르겠습니다...

답변 1

1

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요

답변이 늦었습니다 🥲

useReducer를 사용하면 상태 변화 로직을 reducer 함수에 분리할 수 있습니다.

그리고 이 reducer 함수는 컴포넌트 역할을 하는 함수 바깥에 만들게 됩니다.

dispatch를 호출하면 reducer 함수가 실행되죠? 이때 reducer 함수에 매개변수로 제공되는 state는 항상 최신의 state를 보장합니다.

그러므로 dispatch를 호출하는 onCreate와 같은 함수에서는 useCallback을 적용할때 최신 state 값을 참조하지 못하는 문제를 걱정할 필요 없다는 뜻 입니다.

H K님의 프로필 이미지
H K
질문자

useCallback은 함수를 useMemo가 적용된 상태로 만들어주는 것이니까 상태변화를 감지하지 않는 한 연산 없이 값만 반환되어 나오는 문제에서 최신의 state가 적용되지 않아서 생기는 문제가 없다는 말씀 이시군요! 설명 감사합니다 :)

H K님의 프로필 이미지
H K

작성한 질문수

질문하기