Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- ESP8266
- ESP-01WiFi
- CSS
- 아두이노 우노
- 백준풀이
- ESP-01
- 포인터
- C
- 리액트네이티브
- 노마드코더
- 백준문제풀이 #백준 #백준문제 #스타트택시
- 백준자바
- 연결리스트
- 프로젝트초기설정
- 백준 #백준2661 #좋은수열 #Java #코딩
- 백준java
- peap
- 백준
- Flexible box
- scss
- reactNative
- 백준15988풀이
- @supports
- dp문제
- 이친수문제
- aspect-ratio
- CSS Flex
- scroll-snap
- ESP8266WiFi
- 2193
Archives
- Today
- Total
코딩 농장
[Redux] 내가 이해한 Redux의 흐름 본문
728x90
구름 에듀에 생활코딩 강의가 올라와서 호다닥 Redux를 수강해봤다.
이고잉님 강의는 역시 강의 하나하나가 짧고, 다 합쳐도 부담스럽지 않은 양이라 좋다.
설명이 쉬운것은 덤.
https://edu.goorm.io/learn/lecture/14440/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A9-redux
생활코딩 - Redux - 구름EDU
생활코딩과 함께 상태 저장소 Redux를 활용하여 효율적인 웹 애플리케이션을 제작해 봅시다.
edu.goorm.io
무료니까 위 링크로 들어가서 들어보시길!
위 강의를 들으며 내가 이해한 로직은 다음과 같다!
- store를 생성한다.
- 생성시 reducer를 연결해주어야 한다.
- var store = Redux.createStore(reducer)
- 생성시 reducer를 연결해주어야 한다.
- user가 action을 취한다.
- store.dispatch(action)
- action에는 type을 넣는다.
- 이 type에 따라서 action을 취하게 된다.
- reducer가 action을 처리하는 로직을 맡는다.
- reducer(state, action)에서 이전 state를 바로 변경하는 것은 불변, 예측가능성에 좋지 않다.
- 객체의 경우 객체 복사를 하여 newState를 return하는 방식으로.
- reducer가 return한 state가 store에 저장된다.
- 컴포넌트에서는 store.getState()로 접근 가능하다.
- store의 변화를 바로 알기 위해서는 구독이 필요하다.
- store.subscribe(store의 변화를 바로 반영하고픈 컴포넌트)
- store의 변화를 바로 알기 위해서는 구독이 필요하다.
로직 자체는 대강 머리에 집어넣은 것 같은데,
이 reducer와 store는 어떤 구독관계?를 가지고 있길래 reducer가 return한 값을 store가 받아먹지??
에 대한 궁금증이 생겼다.
이 궁금증은 검색 & 물어가며 풀어보고 업로드 하겠음!
'웹' 카테고리의 다른 글
[CSS] 최신 CSS 써보자(feat.노마드코더) / @supports / scroll snap / gap / aspect-ratio (0) | 2021.09.18 |
---|---|
[Node.js/React/multer] multer로 파일 업로드 기능 만들기 (0) | 2021.08.18 |
Comments