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

관련 챕터: Zustand 기본 사용법 2

질문 관련 부분: 4:34 ~ 6:20

질문 내용: 역할에 따라 컴포넌트를 분리하는 과정에서,

count 값 변경 시 Controller 컴포넌트까지 리렌더링되는 이유에 대해 설명해주셨는데요.
제가 맞게 이해했는지 헷갈려서 질문 드립니다.

count 값이 바뀔 때마다 Viewer, Controller 컴포넌트가 동시에 리렌더링된다. 버튼 태그를 포함하는 Controller 컴포넌트까지 리렌더링되는 이유는

 

1. Zustand는 store 안의 state가 바뀌면 store를 가져다 쓴 모든 컴포넌트가 다시 그 state값을 반영하도록 리렌더링된다.

 

2. Controller는 구조분해 할당으로 increase, decrease만 쓴다고 해도, 훅이 반환한 객체 안에 count도 포함돼 있으므로 count가 바뀌면 Controller도 리렌더링된다.

제가 맞게 이해한 걸까요?