1. State(상태)

컴포넌트 내부에서 사용하는 데이터의 집합 React에서의 state사용방식 만으로는 너무 많이 props를 내려야 하는 경우가 생김 ⇒ 컴포넌트가 접근 할 수 있는 공용스토어(Store)로 해결

2. Store

Store는 state관리를 하는 전용 장소 state들이 store에 객체형식으로 저장됨

{
  type : 'order'
  drink : {
    menu : 'caffe latte',
    size : 'Grande',
    iced : 'true'
  }
}

Store의 주요메서드

• createStore(reducer) : Redux store를 생성
• getState() : 현재 state를 가져올 수 있음
• dispatch(action) : store의 reducer에 action을 전달 redux에서 상태 변경을 일으킬 수 있음

3. Reducer

action은 reducer로 전달된다. action을 전달받는 reducer는 각 action이 store를 어떻게 업데이트할지를 기술하는 순수 함수 store와 정보를 주고받는 역할을 함, 업데이트 방식은 store의 state를 변형하는 것이 아닌 이전 state와 action을 참고하여 새로운 state를 만들어서 반환하는 방식 Reudcer는 전달된 Action을 보고 어떻게 state를 교체시킬지 관리해주는 역할을함

4. Action

action은 상태 변경을 일으키는 이벤트에 대한 정적인 정보, reducer가 action과 이전 state를 참고해서 새로운 state를 만들기 때문에 action은 reducer가 구분 할 수 있도록 액션의 이름과 데이터를 가진 객체 형식 Action은 Store라는 저장소에 정보를 전달하기 위한 데이터 묶음

5. Redux 코드 예시