리덕스(redux) 이해하기 1

리덕스는 자바스크립트에서 상태관리를 위해 사용하는 라이브러리로

리액트에서 전역으로 상태 관리를 하고자 react-redux를 사용한다.

리덕스를 이용한 데이터 흐름구조는 다음과 같다.

Action : 상태변화가 필요하면 일어나는 것에 대한 정의.

Dispatch : Action을 발생시키는 것.

store : 어플리케이션 내부에 1개의 store만 존재하며 상태들을 store라는 객제에 저장해둔다.

 

간단하게 흐름에 대해서 설명하자면 action에 상태관리할 데이터에 대한 행동(action)을 정의 해둔다.

dispatch를 이용하여 action을 실행시키고 store에는 변화된 값에 대해서 저장을 한다.

이를 화면에 띄워주게 되는것이고

다시 화면에서는 상태에 대한 action을 수행하여 dispatch를 통해 실행하고를 반복하는 것이

위 그림에 흐름이다.