뉴히의 개발 로그

React Query Lifecycle queury가 stale하면 상한, 유통기한이 만료 되었다는 뜻, 그래서 데이터를 새로 받아오기위해 값을 요청한다. fresh 상태는 새로 요청하지 않음 * default config (기본 설정) 기본설정 의미 staleTime: 0 useQuery 또는 useInfiniteQuery에 등록된 queryFn 을 통해 fetch 받아온 데이터는 항상 stale data 취급 refetchOnMount: true useQuery 또는 useInfiniteQuery 가 있는 컴포넌트가 마운트 시 stale data 를 refetch 자동 실행 refetchOnWindowFocus: true 실행중인 브라우저 화면을 focus 할 때 마다 stale data를 refet..

errorrrrrrrrrrrrrrrrrrrrr..... 첫 랜딩시 data를 불러오지 못한다. null값, filter코드를 지우면 데이터를 잘 가져옴!! 코드 실행 순서의 문제!!!! 예외처리로 해결할 수있다. const { isLoading, isError, data } = useQuery('todos', getTodos); react query는 usequery를 통해서 데이터를 어디서든 불러와서 쓸수 있다. 다만, useQuery 데이터를 불러오는 순서는 동기함수들이 전부 끝난 뒤에 서버에 'todos'이름 쿼리 있니? 그럼 데이터에 'todos'쿼리 데이터 저장해줘 하고 그 다음 data에 데이터를 할당해서 아래에서 불러와 쓸수 있다. 그렇기 때문에 예외처리를 해줘야한다! 1. 옵셔널 체이닝(?..

리덕스를 사용하지 않고 json-server에 데이터 저장후 리액트 쿼리로 app.jsx에 로 감싸주면 전체 파일에서 query에 접근해서 사용할 수 있다. // App.jsx const queryClient = new QueryClient(); const App = () => { return ( ); }; api폴더에 전체 모듈을 모아 작성해주고 // axios 요청이 들어가는 모든 모듈 import axios from 'axios'; //조회 const getTodos = async () => { const response = await axios.get(`${process.env.REACT_APP_SERVER_URL}/todos`); return response.data; }; // 추가 const..