[노드/리액트 기초] #26~27. Redux, Props vs State

**본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 기초 강의를 참고하여 작성하였습니다.**

 

 

Redux

state 관리 라이브러리

 

Props vs State

- Props
 : property의 줄임말이다.
  컴포넌트를 주고받을 때 부모-> 자식으로만 보낼 수 있다.
  부모가 자식한테 '1'을 보냈다고 하면 자식은 그걸 변경할 수 없다. 변경하려면 부모가 자식한테 '2'를 보내줘야 한다.

- State
 : 부모 자식 개념이 없다.
   컴포넌트가 변경 가능하다. 
   state가 변하면 re-rendering 된다.

 

redux를 이용하면 굳이 하나하나 타고 올라가서 전달하지 않고, 직접 전달할 수 있다.

 

 

Redux Data Flow

: 한 방향으로만 흘러감

 

Action
: 무엇이 일어났는지를 설명하는 객체이며, 상태를 알려준다

Reducer
: state가 action으로 인해 어떻게 변했는지 설명해준다.

Store
:  state을 감싸주는 역할과 많은 메소드들을 이용하여 state을 관리하는 역할을 한다.

 

 

---

 

Redux up!!

3.redux-promis와 4.redux-thunk는 redux-middleware이다.
redux를 잘 쓸 수 있게 도와주는 역할을 한다.

(미들웨어는 컴퓨터 제작 회사가 사용자의 특정한 요구대로 만들어 제공하는 프로그램으로,
운영 체제와 응용 소프트웨어의 중간에서 조정과 중개의 역할을 수행하는 소프트웨어이다. 위키백과) 

객체action만 받는 redux store가 Promis와 Function들도 accept 할 수 있게 해 준다.