[TIL] 2022.05.24

리액트를 다루는 기술 16장 리덕스

19장까지 마무리하면 FE에 대한 내용은 끝이다.

이번주까지 19장을 마무리하고 다음주부터는 드림코딩 react 프로젝트를 스스로 만들어보며 복습을 진행하겠다.

• 16장 리덕스
• 액션 
  • 상태에 어떤 변화가 필요하면 액션(action)이 발생한다.
  • 액션 객체는 type 필드를 반드시 가지고 있어야 한다.
  리듀서
  • 리듀서는 변화를 일으키는 함수이다.
  • 액션을 만들어서 발생시키면 리듀서가 현재 상태와 전달받은 액션 객체를 파라미터로 받아 온다. 그리고 두 값을 참고하여 새로운 상태를 만들어서 반환해 준다.
  스토어
  • 프로젝트에 리덕스를 적용하기 위해 스토어를 만든다.
  • 한개의 프로젝트는 단 하나의 스토어만 가질 수 있다.
  • 스토어 안에는 현재 어플리케이션 상태와 리듀서가 들어가 있으며 그 외에도 몇 가지 중요한 내장 함수를 지닌다.
  디스패치
  • 디스패치는 스토어의 내장 함수 중 하나이다.
  • 디스패치는 ‘액션을 발생시키는 것’이라고 이해하면 된다.
  • dispatch(action)과 같은 형태로 액션 객체를 파라미터로 넣어서 호출한다.
  • 이 함수가 호출되면 스토어는 리듀서 함수를 실행시켜 새로운 상태를 만들어 준다.
  구독
  • 구독도 스토어의 내장 함수 중 하나이다.
  • subscribe 함수 안에 리스너 함수를 파라미터로 넣어서 호출하면 리스터 함수가 액션이 디스패치되어 상태가 업데이트 될 때마다 호출된다.
  리덕스의 세 가지 규칙
  • 단일 스토어
  • 읽기 전용 상태 (불변성 유지)
  • 리듀서는 순수한 함수
    • 리듀서 함수는 이전 상태와 액션 객체를 파라미터로 받습니다.
    • 파라미터 외의 값에는 의존하면 안 됩니다.
    • 이전 상태는 건드리지 않고, 변화를 준 새로운 상태 객체를 만들어서 반환합니다.
    • 똑같은 파라미터로 호출된 리듀서 함수는 언제나 똑같은 결과 값을 반환해야 합니다.

 

---

자바스크립트 DeepDive 19장 프로토 타입 진행중

 

코딩테스트 준비 c++

문제풀이 : 백준 - 10988,1159,11655