일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- dfs
- 태그된 유니온
- TS
- autosize
- 인터섹션
- app router
- SSR
- 이분 검색
- ESlint
- React
- 투포인터
- async/await
- map
- 결정 알고리즘
- 공변성
- 리터럴 타입
- RTK Query
- 반공변성
- useAppDispatch
- Cypress
- recoil
- 호이스팅
- CORS
- tailwind
- Promise
- CI/CD
- 타입 좁히기
- 무한 스크롤
- Jest
- webpack
Archives
- Today
- Total
목록커스텀훅 (1)
짧은코딩
프로젝트를 위한 React-Query 세팅(queryClient와 에러 중앙화, 로딩 중앙화, 커스텀 훅)
queryClient와 에러 중앙화 기존에는 queryClient를 QueryClientProvider과 같은 파일 내에 선언해 줬다. 하지만 좀 더 큰 규모의 프로젝트에서는 위 사진처럼 queryClient.ts로 따로 빼서 선언해줬다. 이렇게 하면 에러 처리를 중앙화해줄 수 있다. -queryClient.ts // 에러처리 중앙화 function queryErrorHandler(error: unknown): void { // error is type unknown because in js, anything can be an error (e.g. throw(5)) // error이 Error 클래스의 인스턴스인지에 따라 비슷한 방식으로 이름을 정하도록 했다. const title = error inst..
인프런, 유데미/React-Query
2023. 4. 1. 01:59