728x90 728x90 Frontend/React Query6 [React Query] React Query 설치 및 사용 방법 [React Query] React Query 설치 및 사용 방법 npm i react-query 먼저 react query를 설치하는데 여기서는 v3를 사용했다. react query의 useQuery hook을 실행하여 서버에서 데이터를 가져오려고 한다. https://jsonplaceholder.typicode.com/ JSONPlaceholder - Free Fake REST API {JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB. Tested with XV. Serving ~2 billion requests each month. jsonplaceholder.typicode.com.. 2023. 11. 25. [React Query] React Query 개념 및 장점 React Query 개념 및 장점 React Query는 React 앱의 서버 상태를 관리하는 라이브러리이다. 그렇다면 서버 상태와 클라이언트 상태의 차이점을 알아야한다. 클라이언트 상태란 웹 브라우저 세션과 관련된 모든 정보로 예를 들어 테마를 밝은색이나 어두운색 배경으로 변경하는 경우인데 이것은 서버에서 일어나는 일과는 아무 관련이 없고 단순히 사용자의 상태를 추적한다. 반면 서버 상태는 서버에 저장되면서 클라이언트에 표시하는 데 필요한 데이터이다. 예를 들어 데이터베이스에 저장하는 블로그 게시물 데이터가 해당된다. React Query는 클라이언트에서 서버 데이터 캐시를 관리한다. 서버 데이터가 필요할 때 Fetch나 Axios를 사용해 서버로 바로 요청하지 않고 React Query 캐시를 요청.. 2023. 11. 24. 이전 1 2 다음 728x90 728x90
