추석스프린트 day01(Source Tree, Redux)

git reset 

 : 버전을 변경하면서 이전내역 삭제, 저장소가 예전 상태로 돌아간다, 해당 버전을 reset 하게되면 이전버전으로 돌아간다

 

git revert

: 버전을 변경하면서 변경내역 기록 이전내역 보존, 역순으로 하나씩 revert  

 

Redux

: state container 

 

- single source of truth : 단 한개의 store 사용 / Flux와의 주요 차이

- state is read-only : 변경을 하려면 action이 dispatch 되어야함

- changes are made with pure functions : 

reducer는 순수함수로 작성 되어야함

(네트워크 및 데이터베이스 접근 x, 인수변경 x, 순수하지 않은 API사용불가(Date, Math...)

 

Action : 일종의 주문서

Reducer는 기존의 state와 action을 참고해서 새로운 state를 만들어냄

 

Redux의 장점

: 상태가 예측가능, 유지보수, 디버깅에 유리, 테스트를 붙이기 쉽다

 

아키텍쳐 

- Flux: 일종의 아이디어, 추상적  개념 action -> dispatcher -> store -> view(action이 dispatcher을 통해)

- MVC : action -> controller -> model -> View

 

Redux는 필요한곳에 최소한으로만 사용, 기존의 props와 state로 처리해보고, 복잡해지는 경우 redux 사용!

 

Dumb Component - presentation components  

Smart Component - containers

 

Higher Order Component(HOC) 

 

---

• https://bestalign.github.io/2015/10/06/cartoon-guide-to-flux/

Flux로의 카툰 안내서

• https://bestalign.github.io/2015/10/26/cartoon-intro-to-redux/