20

gogoworld1·2022년 11월 20일
0
post-thumbnail

Axios란 무엇인가?

공식문서에 따르면 axios 란 node.js와 브라우저를 위한 Promise 기반 http 클라이언트 라고 소개하고 있습니다. 다시 말해 http를 이용해서 서버와 통신하기 위해 사용하는 패키지라고 생각하면 된다

Axios 설치하기

CRA를 통해서 새로운 프로젝트를 생성하고, 터미널에 아래의 명령어를 입력해서 axios를 설치합니다.

yarn add axios

GET

  • Axios get get은 서버의 데이터를 조회할 때 사용합니다.

// url에는 서버의 url이 들어가고, config에는 기타 여러가지 설정을 추가할 수 있습니다.
// config는 axios 공식문서에서 참고 하자~!
axios.get(url[, config]) // GET

Axios는 GET은 요청을 할 수 있도록 도와주는 패키지일뿐이지, “어떻게 요청을 해야하지?” 와 같은 방식에 대한 확인은 우리가 사용할 API 명세서를 보아야 합니다

POST

  • Axios POST

    axios.post(url[, data[, config]]) // POST
    post는 보통 서버에 데이터를 추가할 때 사용합니다. 다만 post 요청에 대한 로직은 BE 개발자가 구현하는 것이기때문에 추가외에 다른 용도로 사용될 수 있지만, 보통은 클라이언트의 데이터를 body형태로 서버에 보내고자 할 때 사용합니다. 아래 코드를 작성하기에 앞서, GET 에서 본 것과 같이 json-server의 POST 요청 방식을 확인하고와야함.

DELETE

  • Axios delete
    DELETE는 저장되어 있는 데이터를 삭제하고자 요청을 보낼 때 사용합니다.

    axios.delete(url[, config]) // DELETE

PATCH

  • Axios patch
    patch는 보통 어떤 데이터를 수정하고자 서버에 요청을 보낼 때 사용하는 메서드 입니다. 다만, 이것은 http 환경에서 서로가 한 약속이자 문맥이기때문에, 수정을 하고자 반드시 patch, put 을 써야만 하는 것은 아닙니다. BE에 의해서 POST를 통해서 “수정" 이라는 기능은 충분히 만들 수 있기 때문이죠. 다만 이러한 약속들을 대부분의 개발자들이 지키고 있다고 한다.

    axios.patch(url[, data[, config]]) // PATCH

profile
고고월드1

0개의 댓글