axiso Axios 는 브라우저, Node.js 를 위한 Promise API 를 활용하는 HTTP 비동기 통신 라이브러리(return 을 promise 객체로 해주기 때문에, response 데이터를 다루기 쉬운 장점) axios 특징 운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 http api 사용 Promise(ES6) API 사용 요청과 응답 데이터의 변형 HTTP 요청 취소 HTTP 요청과 응답을 JSON 형태로 자동 변경 axios 기초문법 /* axios 파라미터 문법 예시 */ axios({ method: "get", // 통신 방식(GET/POST) url: "www.google.com", // 서버 headers: {'X-Requested-With..

axios 모듈화 axios는 통신으로 한 곳에서만 쓰이는 것이 아니기 때문에, 유지보수 및 가독성을 위해 모듈화가 필요합니다. 이전 글에서 작성한 프로젝트 디렉토리 구성에 따라, 'utils' 디렉토리에 api.js 라는 react.js 를 생성해서 여러 페이지에서 활용하였습니다. api.js 선언 import axios from 'axios'; const API =axios.create({ //baseURL: `http://localhost:8080/common`, timeout: 30000, headers: { "Content-Type" : `application/json;charset=UTF-8`, "Access-Control-Allow-Origin": "*", "Accept": "applicat..