반응형

IT/React 9

react-query와 Recoil 통합하기: 세부 설정부터 렌더링까지

const queryClient = new QueryClient({ defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 2, retryDelay: attempt => Math.min(attempt * 1000, 2000), staleTime: 1000 * 60 * 5, cacheTime: 1000 * 60 * 60, }, }, }); refetchOnWindowFocus: false: 창이 포커스될 때마다 데이터를 다시 가져오는 기능을 비활성화한다. retry: 2: 데이터 가져오기 쿼리가 실패할 경우 최대 2번까지 재시도한다. retryDelay: attempt => Math.min(attempt * 1000, 2000): 재시도 간격을 ..

IT/React 2023.09.21

[React] Material-ui 설치 안될때 해결법

최근 React 프로젝트에서 Material-UI를 사용하려고 할 때, 버전 호환성 문제로 인해 설치 중 에러가 발생하는 경우가 있습니다. 특히, 최신 버전의 React와 Material-UI의 특정 버전 간에 호환성 문제가 발견되었습니다. 일반적으로 Material-UI는 다음 명령어를 사용하여 설치합니다: npm install @material-ui/core 하지만, 이 명령어로 설치를 시도할 때 React 버전과의 호환성 문제로 인해 에러가 발생하는 경우가 있습니다. 이럴 때는 --legacy-peer-deps 옵션을 추가하여 이 문제를 해결할 수 있습니다. 이 옵션은 npm이 peer dependencies(동료 의존성)를 자동으로 해결하지 않도록 하여 이전 버전의 의존성 규칙을 유지합니다. 따라..

IT/React 2022.06.29
반응형