본문 바로가기
매일 해내는 개발/React

[Redux] 리덕스란?

by 해야지 2022. 12. 13.
반응형

리덕스 개념의 핵심은 store

0) store == 은행, 정보가 모두 저장되는 곳

1) state = 실제 정보가 저장되는 곳, 내가 직접 접속해서는 안된다. 은행에 있는 돈을 내가 직접 건드릴 수 없듯이

2) reducer = 공급해주는 함수

3) render = 나의 코드, state 값을 참고해서 UI를 만들어주는 코드

* dispatch, subscribe, getState = 은행창구직원

4) getState = state 정보를 요청하고 받아서 render에게 전달해주는 역할

5) subscribe = state 값이 바뀔 때마다 render함수가 호출되도록하여 UI가 자동 업데이트 되도록함

6) action = 버튼을 누르는 등의 호출

7) dispatch = reducer를 호출해서 state의 값을 바꾸고 그 작업이 끝난 후 subscribe을 이용해 render함수를 호출해서 화면을 갱신한다.

8) reducer = 리듀서가 리턴하는 값은 새로운 state값,
state값이 변경되었으니 render가 다시 호출돼야겠지? => dispatch가 subscribe에 등록되어있는 구독자들을 다 호출 => render가 호출됨 => getState => state => getState => render 

반응형

댓글