axios2 React(13) 실시간으로 데이터를 보여주려면 : react-query 목차 react-query 세팅방법 react-query 사용방법 react-query 세팅방법 여느 때와 같이, 터미널에, npm install react-query 로 설치를 하면된다. index.js 에 가서, 세팅을 해야하는데, 밑과 같이 세팅해주면 된다 App.js에서는 import { useQuery } from "react-query"; 로 import 해오면 세팅 완료이다. react-query 사용방법 react-query는, 통신을, 실시간으로 하는데에 목적이 있으므로, axios로 data를 get하는 코드와 함께 쓰는데, 기본 문법은 다음 코드와 같다. useQuery("키 이름", () => { return axios.get("통신받을 URL").then((a)=>{ return.. 2023. 8. 18. React(11) 서버와 통신하려면 : aixos 목차 서버란? ajax란? axios 세팅하기 get하기 post하기 서버란? 서버라는 것은, 어떠한 것을 요청하면, 그에 맞는 것을 보내주는 프로그램이다. 말이, 진짜 너무 당연한 얘기로 듣고 흘려 들을 수 도 있겠지만, 이것은 굉장한 정보이다. 사용자가 원하는 어떠한 것에 대해 명확히 기입하고, 요청하는 코드에 인자로 실어서 보내면, 그에 맞는 것을 보내주게끔 하는 것이 서버라고했다. 따라서, 서버개발시 짜는 코드로는, "어떠한 사용자가 A라는 것을 요청하면 A를 보내주세요!"를 작성해야한다. ajax란? ajax를 이용하여, 공공 데이터 api를 불러오는 코드를 작성한 명글이 있다. 참고하도록 하자. https://joyjoon.tistory.com/17 AJAX에 대하여 AJAX란? AJAX(As.. 2023. 8. 5. 이전 1 다음