반응형
리덕스 개념의 핵심은 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
반응형
'매일 해내는 개발 > React' 카테고리의 다른 글
[React] Redux, React-router-dom으로 TodoList만들기 (1) | 2022.12.15 |
---|---|
[React] Todo리스트 Redux로 만들기 (0) | 2022.12.14 |
[React] 투두리스트 만들기 (1) | 2022.12.13 |
[React] 리액트의 생명주기 (0) | 2022.12.08 |
[React] 리액트로 todo리스트 만들기 (2) | 2022.12.07 |
댓글