Timeline

* redux 적용 1. store 생성 - store를 만들어 state를 변경해야 함, store은 하나만 존재 - reducer라는 함수를 store에 주입해야 함 - reducer의 역할 : dispatch에 의해 action이 들어오면 reducer가 action 값과 기존의 있었던 state의 값을 참조해서 새로운 state 값을 만들어줌(state 값 변경) => state와 action을 인자로 받음 + state의 초기값 정의 function reducer(state, action) { if(state === undefined){ // 색깔 바꿔줘야 하는 예시라 컬러로 리턴 & 초기 state 값을 yellow로 return {color:"yellow"} } } var store = Re..

* redux 설명 지도 이 지도가 어떤 흐름을 나타내는 걸까요? 핵심은 store!! store 안에 state와 reducer가 있음 그리고 중요한 건 render render와 dispatch, subscribe, getState가 어떻게 상호작용하는지 알아야 함 render은 state가 바뀔 때마다 ui 바꿔줌 render를 subscribe에 등록해줌으로써 state변경을 render가 감지할 수 있음 action과 reducer action으로 dispatch 호출 reducer는 state를 입력값으로 받고 action을 참조해서 새로운 state 값을 만들어내서 return => state 가공자 state가 변경됐으니 render가 호출되면서 getState로 가서 state를 가져오고..