Redux 애플리케이션 작동

이제 용어를 배웠으니, 앞으로 여러분이 만들게 될 Redux 애플리케이션 작동의 주요 단계를 간략하게 살펴볼 수 있습니다.

애플리케이션의 작동은 이전에 언급한 바와 같이 데이터의 단방향 흐름 원칙에 따라 이루어집니다.

초기화 단계(애플리케이션을 처음 실행할 때)에서 루트 리듀서를 사용하여 스토어(store)가 생성됩니다. 스토어는 이 리듀서를 딱 한 번 호출하고, 리듀서가 반환하는 값을 초기 상태로 기록합니다. 첫 렌더링 시, 애플리케이션 컴포넌트들은 스토어에 기록된 현재 상태를 사용합니다. 또한, 상태 변경을 즉시 알 수 있도록 스토어 업데이트를 구독합니다.

애플리케이션의 이후 작동 과정은 다음과 같습니다. 사용자가 마우스로 버튼을 클릭했다고 가정해 보겠습니다. 이 경우 코드를 통해 액션이 생성되고, 이 액션은 스토어로 전달(디스패치)됩니다. 스토어는 저장된 상태와 수신된 액션을 가지고 리듀서를 다시 실행합니다. 그 결과 변경된 상태 값이 새로운 상태로 저장됩니다. 또한 스토어는 변경 사항이 발생했음을 구독 중인 컴포넌트들에게 알립니다. 컴포넌트들은 자신에게 필요한 부분의 상태가 변경되었는지 확인합니다. 마지막으로, 변경이 있었다면 컴포넌트는 새로운 데이터를 표시하기 위해 렌더링을 호출합니다.