far

Thunk의 밑줄 친 부분이 다른 Thunk와 중복되는 경우 나타나는 에러. 에러만 보고 추측으로 수정했다가 작업이 딜레이 됐던 기억이 있기에 일단 메모.

프로젝트 Header에 SearchForm을 만들고 검색 기능을 시험 해봤더니 검색된 데이터를 불러오지 못했다. 게시글이 들어있는 Pages의 State를 건드려주는 값이 없기 때문인것 같은데 라는 생각은 했지만 도대체 이걸 어떻게 구현해야할지 감이 잡히지 않았다. SearchForm 자체에 게시글을 구현했던 식을 전부 불러와서 무한스크롤 이슈만 해결하면 어떻게 동작은 할 것 같았지만 그건 너무 비효율적인 방법인 것 같았다. 그래서 다른 방법을 생각해본 결과 페이지 전체를 Reducer를 통해 관리한다는 해결책이 떠올랐다. 먼저 postSlice.ts export const initialState: IArticleState = { ... searchValue: 0, } reducers: { ... sea..

Redux Toolkit을 처음 사용하면서 잊어버리지 않기 위해 기록. npm i @reduxjs/toolkit react-redux redux-toolkit 설치 // pages/_app.tsx function MyApp({ Component, pageProps }: AppProps) { return ( ); } export default MyApp; Provider에 store를 넣어준다 (아래의 코드를 인식하기 위해) // store/config.ts const rootReducer = combineReducers({ // 리듀서를 여기에 추가해준다. }); export const store = configureStore({ reducer: rootReducer, devTools: process.e..