1. 문제 정의 → NextJS에서 Redux를 도입할 때 발생한 store 타입을 정의하는 오류입니다.
'CounterState' 형식의 인수는 'CombinedState<{ counter: CounterState; }>' 형식의 매개 변수에 할당될 수 없습니다.
'counter' 속성이 'CounterState' 형식에 없지만 '{ counter: CounterState; }' 형식에서 필수입니다.ts(2345)→ makeStore
딱 보자마자 직접 정의할 수 없는 타입이라고 생각이 들었습니다.
2. 해결과정
Redux를 도입하고 설정하면서 발생한 오류들입니다. 정리해보니 이미 짜여진 틀에서 많이 사용되고 있어 이걸 정리해야할까를 고민해보았습니다.
따라서 개인적으로 자료를 찾아보며 과정만을 정리해봤을 때 시작부터 문제를 너무 어렵게 생각했고 Typescript의 장점을 살리기 위해 깔끔하게 정리해야 된다는 생각이 있어서 여러 youtube 영상을 통해 store구조를 만들고, 공식문서를 확인 했습니다. 하지만 다음부터는 너무 어렵게 생각하지 않고 이번에 경험했던 문제처럼 굳이 직접 만들지 않아도 이미 많이 만들어져 있으니 효율적으로 단순히 이해만 하고 넘어가자고 생각했습니다
3. 회고 === 깨달음
모든 초보개발자들이 다 겪는 타입에 관한 부분이라고 생각하니 그냥 써보면서 모르는 거 나왔을 때마다 익히는 것으로 결론 지었습니다
Type Challenge
타입스크립트를 단련해봅시당!
velog.io
근데 사실 찾아보고도 이해 못하긴 했습니다
'TIL > 트러블슈팅' 카테고리의 다른 글
| react-query 조건에 따라 캐싱 데이터 refetch 구현 (0) | 2022.08.15 |
|---|---|
| SSG 도입하기 / getStaticPaths, getStaticProps (0) | 2022.07.07 |
| React hook is called in a function which is neither a React function or a custom React Hook (0) | 2022.07.04 |
| SSG를 업데이트하기 위한 증분 정적 재생(ISR) (0) | 2022.06.27 |
| JWT 로그인을 구현하면서 발생한 문제 정리2 (0) | 2022.06.25 |