[프리온보딩] 220517 그룹과제 #2

그룹과제 #2

공식적인 내생각

react-query에 익숙해지려고 여러 인자값 넣으면서 테스트 중인데... 과제용 API가 지나치게 느려서 내가 맞게 사용하고 있는지 체크하는 데에 너무 오래걸린다

사용법 자체는 커스텀 훅처럼 사용하면 돼서 간단한듯한데 이런저런 설정값이 까다로운 것 같다

작업 내용

react-query 찍먹

const { status, data, error } = useQuery(
    "#diseaseData",
    () => getDiseaseData(searchText), // fetch 함수, 반환값은 Promise
    {
      retry: 3,
      onSuccess: (response: IDiseaseData) => {
        console.log(response);
        return response;
      },
      onError: (e: Error) => {
        console.log(e);
      },
      enabled: searchText !== "",
    }
  );

자세한 정리는 내일중에 할 듯 한데 오늘은 진짜 찍먹 수준으로만 이것저것 넣어보면서 혓바닥 대봤다

이거... 꽤 괜찮다 키값을 지정해서 키값이 같을 경우에 캐싱을 한다던지, 다양한 옵션을 지정해서 fetch 방식을 달라지게 할 수 있다

onSuccess 옵션에는 Promise.then() 처럼 후속 동작을 지정할 수 있고, onError 옵션에는 Promise.catch() 처럼 에러 동작을 지정한다

retry는 데이터 가져오기 실패 시 재시도 횟수, enabled는 어떤 조건에서 데이터 fetching을 해 올 것인지 지정하는 부분이다

그 외에도 캐시의 수명, finally에 대응하는 onSettled 함수, 데이터 가공용 함수 select 등의 추가적인 옵션을 지정가능하다

옵션 공부에만 눈돌아가겠다

오늘 정리한 강의내용

220515 코드리뷰

220515 강의 - 코드리뷰

[프리온보딩] 220515 강의 메모 01 (코드리뷰)

220517 코드리뷰

220517 강의 - 코드리뷰

[프리온보딩] 220517 강의 메모 01 (코드리뷰)

오늘 정리한 내용

Throttling & Debouncing

Throttle & Debounce

Throttle & Debounce