TIL

220803 TIL

차술 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.