-
220803 TILTIL 2022. 8. 4. 11:12
오늘 할 일
- 주특기 심화 6일차. 기능 구현 마무리가 되야한다. 라우팅도 마무리 지어야하고. cs스터디 발표만들고 다하면 팀과제. 그리고 그거 끝나면 코드리뷰가 있다. 후. 완성했다면 git에 올려둬야하고 공부.
오늘 한 것 & 더 봐야할 키워드
- nanoid
- 제어 비제어 컴포넌트
- form태그, onSubmit
- Redux 삭제 로직 이해.
- Redux 라이브 세션 - 권지영 기술매니저님
- 미들웨어
리덕스는 동기액션으로 이루어져있다.
리덕스는 동기적인 애들만 사용가능
미들웨어는 액션전에 비동기액션을 처리하기 위해 필요한 어떠한 것?
액션을 처리하기 전에 무언가 작업을 하기위해 미들웨어를 적용해야한다.
리덕스에서 어떻게 디버깅을 할 수 있는지 흐름을 파악하여 알아보자
리덕스 툴로는 redux, react-redux, redux-logger(뭔지 알아볼 것) 깔아두면 좋음.
리덕스 로거는 미들웨어에서만 사용 가능.
index.js에서 provider는 그냥 스토어를 생성할 때 감싸주는 태그? 이거 걍 복붙용ㅇㅇ
리덕스는 사용 전에 설계하는게 아니라 뷰를 먼저 만들고 필요하다 생각이 들 때 모듈을 만들자.
예를 들어 카운터를 만든다고 할ㄷ 떄
첫번째로 할일은
나의 리듀서와 state를 정의해준다.
스토어에도 등록 후에 제대로 등록이 됐는지는 useSelector()를 통해 확인하자.
콘솔을 찍어보면 제대로 등록이 됐는지 확인 쌉가능 ㅇㅇ
리덕스 모듈과 앱을 연결할 수 있는 것은 무조건 dispatch밖에 없다.
dispatch는 액션의 타입을 넣어준다.
그렇기 때문에 액션 밸류와 액션 크리에이터를 만들어줘야한다.
액션밸류를 지정해줄 떄는 리듀서를 지정해서 만들어주는 게 좋다.
이런 느낌으로. - 액션 크리에이터의 페이로드 값은 사용자의 입력값이 필요할 때 넣어준다.
입력값이 필요하지 않다면 빼준다.
D-76.
'TIL' 카테고리의 다른 글
220805 TIL (0) 2022.08.06 220804 TIL (0) 2022.08.05 220801 TIL (0) 2022.08.02 220731 WIL (1) 2022.08.01 220730 TIL (0) 2022.07.31