뉴히의 개발 로그

리덕스를 사용하지 않고 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..

[ 비동기 통신 axsios ] 대표적인 비동기 통신 방법 axios / fetch axios란? Promise기반 http 클라이언트 : http를 이용해서 서버와 통신하기 위해 사용하는 패키지 // 사용방법, url 필수 axios.get(url[, config]); axios.post(url[, data[, config]]); axios.delete(url[, config]); axios.patch(url[, data[, config]]); config 옵션 -> https://axios-http.com/kr/docs/req_config 가공한 axios instance 사용하기 // App.jsx const fetchTodos = async () => { const { data } = await ..