- Facts (사실, 객관)
: 강의 풀이 영상 시청 후 과제1(To-do 리스트 Redux를 사용하여 리팩터링 하기)와 과제2(레스토랑 정보 확인 및 예약 시스템 구축하기)
- Feelings (느낌, 주관)
: 이번주 내내 강의만 듣고 아무것도 하지 않았다.. 무기력했던 일주일이었다. 토요일에 강의 풀이 영상이 올라왔고 영상을 보고 난 후 에 영상의 내용을 토대로 과제를 하게 되었다. - Findings (배운 점)
: Flux - 페이스북에서 클라이언트-사이드 웹 어플리케이션을 만들기 위해 사용하는 어플리케이션 아키텍쳐이다.
단방향 데이터 흐름을 활용해 뷰 컴포넌트를 구성하는 React를 보완한다.
Dispatcher - Flux 어플리케이션의 중앙 허브로 모든 데이터의 흐름을 관리.
각각의 store를 직접 등록하고 콜백 제공.
Stores - 개별적인 도메인에서 어플리케이션의 상태 관리.
Views, controller-view : store에 의해 이벤트를 중계할 수 있는 특별한 종류의 view.
store에서 데이터를 얻을 수 있는 glue 코드를 제공하고 데이터를 위계대로 자식들에게 전달.
Redux 3가지 원칙 - 전체 상태값을 하나의 객체에 저장.
상태값은 불변 객체이다.
상태값은 순수 함수에 의해서만 변경되어야 한다.
Action - 상태값은 오직 액션 객체에 의해서만 변경.
useEffect 작성 시 빈 arrary를 넣으면 컴포넌트가 만들어질 때 useEffect 안에 있는 함수를 실행.
'CODESOOM' 카테고리의 다른 글
CODESOOM: REACT-6 (0) | 2021.06.21 |
---|---|
CODESOOM: REACT-5 (0) | 2021.06.07 |
CODESOOM: REACT-3 (0) | 2021.05.25 |
CODESOOM: REACT -2 (0) | 2021.05.17 |
CODESOOM: REACT -1 (0) | 2021.05.12 |
댓글