[AXIOS] AJAX 통신에 액시오스 사용하기

1. 설치 (2가지 방식)

   • CDN 방식

   • NPM 방식

2. 액시오스 사용방법

   • 라이브러리 설치 후 axios 라는 변수에 접근할 수 있게 된다.
   • axios 변수를 이용하여 HTTP 프로토콜 통신을 하게 된다.

3. 액시오스 응답제어

   • .then
     : 비동기 통신이 성공했을 경우,
     .then()은 콜백을 인자로 받아 결괏값을 처리할 수 있다.

   • .catch
     : .catch() 를 통해 오류를 처리한다.
     error 객체를 찍어보면 오류에 대한 정보를 볼 수 있다.

   • 기타 에러 처리 방법은 axios 에러 처리 문서를 참고

4. 액시오스 HTTP 요청 메서드 종류 ( 4가지 )

	1. axios.get(url [, config])
    	- 서버에서 데이터를 가져올 때 사용하는 메서드
    	- 두번째 파라미터 config 객체는 header, timeout(응답 초과시간), params(인자값) 등을 같이 넘길 수 있다.
   
   
   2. axios.post(url[, data[, config]])
   		- 서버에 데이터를 새로 생성할 때 사용하거나
        	request Body에 데이터를 담아 보낼 때 사용한다.
        - data 에 생성할 데이터를 넘긴다.
   
   3. axios.put(url[, data[, config]])
   		- 특정 데이터를 수정할 때 요청하는 메서드이다.
        - put 은 새로운 데이터를 생성하거나, 이미 존재하는 데이터를 수정할 때 사용한다.
        - post와의 다른 점은 post는 여러 번 호출할 경우, 새로운 데이터가 지속적으로 추가된다. 반면, put은 한 번 요청을 하거나 여러 번 지속 요청해도 결괏값이 동일하다.
    
    
   4. axios.delete(url[, config])
    	- 특정 데이터나 값을 삭제할 때 요청하는 메서드이다.
    

5. 액시오스 HTTP 요청 Config 옵션
   - 액시오스로 인터넷 상의 데이터를 주고 받을 때 환경 세팅을 할 수 있다.

   method
   기본값 get

   url
   액시오스 요청에 사용될 서버의 URL

   headers
   헤더를 설정한다

   data
   요청 Body에 보낼 데이터

   timeout
   단위(milisec), HTTP 요청을 보내고 응답을 받는데 거는 제한 시간

   responseType
   옵션: json, blob, arraybuffer, document, text, stream

   • 액시오스 요청환경세팅 문서 참고