Skip to content
On this page

2023년 05월 15일

수정하기
문서 생성 2023-05-15 22:51:21 최근 수정 2023-05-15 23:08:10
😁

📚 오늘 도전하고, 배운 것

Redux

  • 컴포넌트는 Redux 스토어를 직접 사용할 수 없다. Provider로 감쌌을 때 useSelector hook을 사용해 스토어에 저장된 값을 가져올 수 있다.
    • 컴포넌트는 디스패치할 때 일반 액션인지 비동기 로직인지 모른다. 어떤 이벤트가 발생하면 무언가를 디스패치한다는 것만 알 뿐이다.
    • useSelector에서 반환된 값이 새 참조로 변경될 때마다 컴포넌트는 다시 렌더링된다. 따라서 컴포넌트에서는 항상 필요한 최소한의 데이터를 가져와야 한다.
  • 전역 상태만 Redux 스토어에 저장한다. 한 곳에서만 필요하다면 컴포넌트 상태에 보관하자.
  • createSlice를 사용할 때 리듀서 작성시 prepare callback을 정의할 수 있다.
    • action.payload를 커스터마이징할 수 있다.
  • action 객체는 최대한 작게 유지하고 상태 업데이트 로직은 리듀서에서 수행하자.
  • Redux 스토어가 비동기 로직과 상호작용하도록 하려면 Redux middleware를 사용해야 한다. 가장 일반적인 비동기 미들웨어는 redux-thunk
    • "thunk"라는 단어는 "지연된 작업을 수행하는 코드 조각"을 의미하는 프로그래밍 용어라고 한다. 읽기

🤔 학습하면서 궁금하거나 어려웠던 점

  • 그동안 새로운 것을 배울 때 강의를 본 경우가 있었는데 잘 만든 공식문서를 보면 강의 없이도 충분했겠다는 생각이 들었다. 그런데 강의를 이미 봤기 떄문에 이런 생각이 드는 것일 수도 있어서 좀 더 확인이 필요하다.

🌅 내일은 무엇을?

  • reselect는 무엇인지 알아보기

✒️ log

  • 20분 뛰었다. 12시는 무리다.
  • 스케일링했다. 새 삶을 시작하는 기분이다.
  • 《흐르는 강물처럼》을 봤다.