[react] Axios

Axios는 Promise 기반 http 클라이언트이다. 📕

즉, http를 이용하여 서버와 통신하기 위해 사용하는 패키지이다.

• 공식문서 : https://axios-http.com/kr/docs/req_config

사용하기

---

• 설치하기

  yarn add axios
  

• Import

  import axios from 'axios'
  

• Method

  • GET : 서버의 데이터를 조회할 때 사용한다.

    axios.get(url[, config])
    

    url : 서버의 url

    config : 요청 옵션 설정. 자세한 내용은 공식문서 참조

    async ( ) => {
        try {
            const data = await axios.get(`http://localhost:3001/posts/${postId}`)
            return data
        } catch (error) {
            console.log(`__get Error!! ${error}`)        
            return error
        }
    }
    

    일반적으로 get으로 받아온 자료를 사용하여 다음 작업을 이어가는 경우가 많아 async, await와 함께 쓰인다.

  • POST : 서버에 데이터를 추가할 때 사용한다.

    axios.post(url, data[, config])
    

  • DELETE : 서버의 데이터를 삭제할 때 사용한다.

    axios.delete(url[, config])
    

  • PATCH : 서버의 데이터를 업데이트할 때 사용한다.

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