Redux
1.[Redux] react? redux? react-redux?
출처는 redux 공식문서입니다. https://ko.redux.js.org/ react를 잘 쓰려면 redux를 알아야 한다. 그러나 redux는 어렵다. 왜 어려울까. redux의 작동 방식을 이해하는 것이 어렵다. redux와 관련된 새로운 개념이나 지식이 익숙하지 않다. 개인적으로 2번의 문제가 redux 공부를 방해하였다. 새로운 단어, 개념 ...
2.[Redux] Redux의 기초 개념
출처는 공식 문서입니다. https://ko.redux.js.org/ Redux는 React 대신에 state를 관리해주는 라이브러리이다. 컴포넌트가 많아지고 깊어졌을 때 불편한 점을 해결하기 위해 사용한다. **redux는 react 컴포넌트 외부에서 자유롭게 움직이는 컨테이너라고 생각해야 한다. actoin, reducer 등의 redux의 개념을 ...
3.[Redux] Redux의 기초 흐름
출처는 공식 문서입니다. https://ko.redux.js.org/ _공식 문서의 설명에 따르면... Redux의 아키텍쳐는 엄격한 일방향 데이터 흐름을 따라 전개된다. 이는 어플리케이션 내의 모든 데이터가 같은 생명주기 패턴을 따르며, 앱의 로직을 좀 더 에측가능하게 하고 이해하기 쉽게 만든다는 뜻이다. 이는 또한 데이터 정규화를 도와서 같은 데이터의...
4.[Redux] Reducer 추가 내용
출처는 공식 문서와 Udemy의 Modern React with Redux [2020 Update] 강의 입니다. 공식 문서 : https://ko.redux.js.org/ Udemy 강의 : https://www.udemy.com/ reducer는 redux의 기초 개념이다. reducer에는 state(상태)값이 저장되고 action을 통해 변한다. ...
5.[Redux] Redux-thunk
출처는 공식 문서와 Udemy의 Modern React with Redux [2020 Update] 강의 입니다. 공식 문서 : https://ko.redux.js.org/ Udemy 강의 : https://www.udemy.com/ 공식 페이지 설명 (출처 : https://ko.redux.js.org/basics/reducers) _Reducer가 반...
6.[Redux] Redux-Saga
출처는 공식 페이지와 인프런 [리뉴얼] React로 NodeBird SNS 만들기, PoiemaWeb입니다. 공식 페이지 : https://mskims.github.io/redux-saga-in-korean/ 인프런 : https://www.inflearn.com/ PoiemaWeb : https://poiemaweb.com/ redux-saga는 red...
7.[Redux] Redux-Saga 기초 연습
Redux-Saga를 활용한 네트워크 요청. redux-saga의 흐름을 이해하기 위해 작성. 공식페이지의 튜토리얼을 추천. https://mskims.github.io/redux-saga-in-korean/introduction/BeginnerTutorial.html 1. redux-saga 설치 >$ npm install --save redux-sa...