API2 [TIL] axios 모듈화하기 with Typescript 모듈화 하는 이유? 코드량이 많아질 수록 중복되는 코드가 많아져서 유지보수가 힘들어지고 개발 편의성이 떨어짐 how? 리액트 프로젝트일 경우 src 안에 api폴더를 생성, core.ts 파일을 생성한다 이곳에 인스턴스를 위한 객체를 선언하고 다른 파일에서 import하여 사용한다 src/api/core.ts import axios, { AxiosInstance } from "axios" export const api: AxiosInstance = axios.create({ baseURL: "/api", timeout: 500000, }) 인터셉터라는 것을 사용하면 에러 처리나 res = res.data와 같은 동작을 미리 적용할 수 있다 인터셉터 네트워크 요청, 응답을 가로채어 처리하거나 수정하는데 사.. 2023. 11. 14. [REST API] 서버를 만들 때 REST API를 알면 좋다. API란? (웹개발 시) =웹서버와 고객간의 소통방법 =어떻게 해야 서버랑 통신을 할 수 있을까 이전까지 server.js 에서 만들었던 내용이 웹서버와의 소통방법, 즉 API를 만든것이다.(OO요청시 XX를 가져다주세요.) https://devris.tistory.com/11 [Node js] submit 버튼을 누르면 서버로 form의 정보를 전달 약간의 html 내용이 포함되어있다. write.html 파일로 가서 (폼을 만들 때 꼭 있어야 하는 2개 속성) action="/add" 전달하게 될 경로를 설정 method="POST" get요청인지 post요청인지를 입력 server.js로 가서.. devris.tistory.com 이때 서버를 막 만드는.. 2021. 8. 20. 이전 1 다음