200128 TIL

오늘의 공부

 

Redux에 대한 간단한 개념공부를 하고 실습했다.

Redux는 점차 많아지는 state를 관리하기 말들어진 상태 관리 라이브러리다.

리덕스를 사용하면 스토어라는 공용 공간에 state를 관리하게 되어 컴포넌트 간에 거쳐야 하는 번거로운 작업을 줄일 수 있다.

그리고 컴포넌트들의 state 관련 로직들을 다른 파일로 분산시켜 효율적으로 관리할 수 있고,

아주 가벼운 용량이라 프로그램의 크기가 커질 걱정을 하지 않아도 된다.

 

Redux의 키워드는 다음과 같다.

• store
  앱의 전체 상태를 저장하고 있는 저장소
  createStore(reducer)로 Redux store를 생성할 수 있다.
  getState()를 통해 현재 state를 가져올 수 있다.
  dispatch(action)을 사용하여, store의 reducer에 action을 전달한다.
• Action
  store에 정보를 전달할 때 사용되는 데이터 묶음이다.
• Action creator
  Action을 생성하는 함수
• Reducer
  전달된 action을 통해, state를 어떻게 변화시킬지에 대한 정보가 담겨 있습니다.
• Provider
  <provider/>의 하위 컴포넌트들은 redux store에 접근할 수 있다.
• connect
  connect 함수는 <Provider/>컴포넌트 하위에 존재하는 컴포넌트들이 store에 접근할 수 있게 해준다.
• mapStateToProps
  connect 함수에 첫번쨰 인자로 들어가는 함수 혹은 객체로, store의 갑을 조회해야 할 때 사용한다.
• mapDispatchToProps
  두번째 인자로, store를 변경해야 할 때 사용한다. dispatch(action)의 값을 props로 받아서 사용한다.

 

아직 React도 적응이 필요한데 Redux까지 건들고 말았다...

일단 오늘은 따라하기만 해서 이게 좋은건지 뭔지도 잘 모르겠다.

내일 TO do list를 만들게 될건데 Redux를 적용시켜서 만들 수 있을까.... 그냥 React로도 만들기 힘들거 같은데 걱정이다.