코딩 농장

[Redux] 내가 이해한 Redux의 흐름 본문

[Redux] 내가 이해한 Redux의 흐름

버밍이 2021. 9. 26. 19:12
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)
  • 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의 변화를 바로 반영하고픈 컴포넌트)

 

로직 자체는 대강 머리에 집어넣은 것 같은데,

이 reducer와 store는 어떤 구독관계?를 가지고 있길래 reducer가 return한 값을 store가 받아먹지??

에 대한 궁금증이 생겼다.

 

이 궁금증은 검색 & 물어가며 풀어보고 업로드 하겠음!

Comments