패스트캠퍼스 챌린지 47일차 - 한 번에 끝내는 React의 모든 것 초격차 패키지 Online

2022. 3. 11. 10:57공부/패스트캠퍼스

수강 인증샷


패스트캠퍼스 챌린지란?

 패스트캠퍼스에서 진행하는 '50일 공부 루틴 챌린지' 행사로 50일 동안 매일 수강 인증샷과 함께 학습 기록을 게시글로 남기는 행사다.


47일차

 47일차에는 Part 2. React 라이브러리 Ch 05. 상태관리 라이브러리 챕터에서 01. Redux 1, 02. Redux 2, 03. Redux 3 강의 내용에 대해 기록하려 한다.

 Redux는 상태관리 라이브러리이며, Redux의 세 가지 원칙은 다음과 같다.

1. Single source of the truth

2. State is read-only

3. Changes are made with pure functions

 Redux에는 store, action, reducer라는 세 가지 주요 개념이 있다.

store: store는 상태가 관리되는 오직 하나의 공간이다. React 컴포넌트와는 별개로 store라는 별도의 공간을 통해 그 store 안에서 앱에 필요한 상태를 담는다.

action: action은 앱에서 store에 담을 데이터를 말하며 JavaScript 객체 형식으로 되어있다.

reducer: action을 store에 바로 전달하는 것이 아닌 action을 reducer에 먼저 전달해야 한다. reducer가 action을 보고 store의 상태를 업데이트하는 것이다.

 과정을 간단히 설명하면 다음과 같다.

1. action 객체가 dispatch() 메소드에 전달된다.

2. dispatch(action 객체)를 통해 reducer를 호출한다.

3. reducer는 새로운 store를 생성한다.


본 게시글은 이벤트 참여를 위해 작성된 게시글입니다.

 


패스트캠퍼스 공식 홈페이지 : https://bit.ly/37BpXiC