본문 바로가기
CODESOOM

CODESOOM: REACT-4

by hxunz 2021. 5. 30.
  1. Facts (사실, 객관)
    : 강의 풀이 영상 시청 후 과제1(To-do 리스트 Redux를 사용하여 리팩터링 하기)와 과제2(레스토랑 정보 확인 및 예약 시스템 구축하기) 
     
  2. Feelings (느낌, 주관)
    : 이번주 내내 강의만 듣고 아무것도 하지 않았다.. 무기력했던 일주일이었다. 토요일에 강의 풀이 영상이 올라왔고 영상을 보고 난 후  에 영상의 내용을 토대로 과제를 하게 되었다.
  3. 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

댓글