axios 요청이 들어가는 부분은 따로 모아서 관리하는 것이 좋다.
src/api 폴더를 만들어서 관심사.js 식으로 관리한다.
조회 get
await axios.get(주소);
await axios.get("http://localhost:4000/todos");
추가 post
axios.post(주소, 추가할 값);
axios.post("http://localhost:4000/todos", inputValue);
삭제 delete
axios.delete(주소);
axios.delete(`http://localhost:4000/todos/${id}`);
수정 patch
axios.patch(주소, 수정할 값);
axios.patch(`http://localhost:4000/todos/${targetId}`, {
title
});
'react' 카테고리의 다른 글
[react] 클래스형 컴포넌트 (0) | 2024.07.11 |
---|---|
react-query useQuery / useMutation (0) | 2024.02.19 |
react-router outlet (0) | 2024.02.07 |
전역 스타일 적용하기 styled-components createGlobalStyle (2) | 2024.02.05 |
useState VS useRef (0) | 2024.01.31 |