기초 메모지

리액트(React) - 리덕스(Redux) 용어 본문

Frameworks, Platforms/React

리액트(React) - 리덕스(Redux) 용어

라큐브 2023. 3. 15. 13:30

리덕스(Redux)

리덕스(Redux)는 상태 관리를 용이하게 하기 위한 라이브러리입니다.
상태(State)를 컴포넌트 별로 관리하지 않고 전역적으로 사용할 수 있어 상태 관리가 편리합니다.

용어 및 개념

1. 액션(Action)

- 액션(Action)은 어떤걸 하는지에 대한 지시가 있는 객체로 `type` 속성을 필수적으로 가지고 있어야 합니다.

2. 액션 생성 함수(Action Creator)

- 컴포넌트에서 더욱 쉽게 액션을 발생시키기 위해 사용합니다. 
- 액션을 언제든지 사용할 수 있도록 만들어주는 함수 입니다. 
- 액션을 만드는 함수로 파라미터를 받아와서 액션 객체 타입으로 만듭니다

3. 리듀서(Reducer)

- 액션을 발생시켜 스토어의 상태(State)를 변화 시킬 때 액션에 따라 기존 상태를 새로운 상태로 만드는 함수입니다.

4. 스토어(Store)

애플리케이션 당 하나의 스토어를 가지며, 현재 상태를 보관합니다.

 

4-1. 디스패치(Store-Dispatch)

- 액션을 리듀서에 보내 스토어의 변화를 만드는 역할을 합니다.


4-2. 구독(Store-Subscribe)

- 스토어 내장 함수로 함수 형태의 값을 매개변수로 받습니다.
- 특정 함수를 전달하면 액션이 디스패치(발생)되었을때 전달해준 함수가 호출됩니다.
- 훅(Hook) 사용하여 리덕스 스토어 상태 구독합니다.

5. 컴포넌트(Component)

- 리덕스 스토어에 직접 접근하지 않고 필요한 값 또는 함수를 컨테이너로부터 매개 변수(Props)로 받아와서 사용합니다.

반응형
Comments