Redux 다시 정리하기(2)

2020/05/22 - [분류 전체보기] - [2020.05.22] 4월에 했던 Redux 다시 정리하기(1)

 

Redux 개념 용어

 

액션 ( Action )

- 상태에 변화가 필요하게 될때 액션을 발생 시킨다. 하나의 '객체' 역할을 함.

{
	type : "START_TIMER"
}

 

액션 생성 함수 ( Action Creater )

- 액션을 만드는 함수. 파라미터를 받아서 액션 객체를 생성한다.

function startTimer() {
    return{
        type: START_TIMER
    }
}

 

리듀서 ( Reducer )

- 변화를 일으키는 함수. state 와 action 총 두개의 파라미터를 받는다.

   현재의 상태와 전달받은 액션을 참고해 ' 새로운 상태 '를 만들어 반환한다.

function reducer(state = initialState, action) {
    switch(action.type) {
        case START_TIMER:
        	//상태 업데이트 로직
            return alertedState;
    }
}

 

스토어 ( Store )

- 한 어플리케이션 당 하나의 스토어. 현재 앱의 상태와 리듀서, 내장 함수가 들어가 있다.

 

디스패치 ( Dispatch )

- 스토어의 내장 함수 중 하나. 액션이 파라미터로 들어가 스토어가 리듀서를 실행시키게 만듦.

 

구독 ( Subscribe )

- 스토어의 내장 함수 중 하나. 함수형태의 값을 파라미터로 받는다.

  subscribe 함수에 특정함수 전달 시, 액션이 dispatch 될 때마다 미리 전달한 함수를 호출함.