http request (axios)

<!--서버로 요청을 보내는 코드-->
<!-- - 라이브러리 없이는 브라우저가 지원하는 XMLHttpRequest 객체 이용-->
<!-- - AJAX 요청시 Axios 라이브러리를 사용하는게 편함-->
<!-- - HTML에 아래 스크립트를 추가하면 사용할 수 있음-->
<script src="https://unpkg.com.axios/dist/axios.min.js"></script>
<script>
    // GET 요청 보내기
    //  - axios.get 함수의 인수로 요청을 보낼 주소를 넣으면됨
    //  - 프로미스 기반 코드라 async / await 사용 가능
    axios.get('https://www.xxx.com/api/get')
            .then(result => {
                console.log(result);
                console.log(result.data); {}
            })
            .catch(error => {
                console.error(error);
            })
</script>

<!--서버로 요청을 보내는 코드-->
<!-- - 라이브러리 없이는 브라우저가 지원하는 XMLHttpRequest 객체 이용-->
<!-- - AJAX 요청시 Axios 라이브러리를 사용하는게 편함-->
<!-- - HTML에 아래 스크립트를 추가하면 사용할 수 있음-->
<script src="https://unpkg.com.axios/dist/axios.min.js"></script>
<script>
    // GET 요청 보내기
    //  - axios.get 함수의 인수로 요청을 보낼 주소를 넣으면됨
    //  - 프로미스 기반 코드라 async / await 사용 가능
    (async () => {
        try {
            const result = await axios.get('...');
            console.log(result);
            console.log(result.data);
        } catch (error) {
            console.error(error);
        }
    })();
</script>

(async () => {
    try {
        // POST 요청을 하는 코드 (데이터를 담아 서버로 보내는 경우)
        //  - 전체적인 구조는 비슷하나 두 번째 인수로 데이터를 넣어보냄
        const result = await axios.post('...', {
            name: '...',
            birth: 1988,
        });
        console.log(result);
        console.log(result.data);
    } catch (error) {
        console.error(error);
    }
})();