[React] 비동기 통신 - axios
·
React
240220 TIL 🏃‍♀️ 저번 글에서, 비동기 통신 방법 중 fetch와 axios 가 있다고 소개하고 fetch에 대해 알아봤었다. fetch는 axios에 비해 불편한 점이 있었는데 (json으로 따로 변환해줘야 하거나 에러 처리 등에 있어서) axios는 그에 비해 기능적 장점이 있어서, 지금 진행하는 프로젝트나 앞으로 많이 활용해볼 것 같다! * Axios 란 node.js와 브라우저를 위한 Promise 기반 http 클라이언트. http를 이용해서 서버와 통신하기 위해 사용하는 패키지 - 하지만 자바스크립트에 내장된 fetch와 달리, axios는 패키지 설치를 따로 해줘야 한다. 아래 명령어로 설치해주기! yarn add axios 혹은 npm install axios - 사용하려면 패키..
[React] 비동기 통신 - fetch (+ axios에 비해 불편한 점)
·
React
240219 TIL 🎶 대표적인 비동기 통신 방법으로는 axios와 fetch가 있다. 이번에는 fetch에 대해 알아보고 이 라이브러리가 axios에 비해 가진 단점을 알아보자 :) Fetch 먼저 Fetch는, ES6부터 도입된 Javascript 내장 라이브러리로, Promise 기반 비동기 통신 라이브러리이다. 내장 라이브러리이기 때문에 (axios와 달리) 별도의 설치 및 import가 필요하지 않다 BUT, axios에 비해 단점이 있다. 미지원 브라우저 존재 개발자에게 불친절한 response axios에 비해 부족한 기능 axios에 비해 불편한 단점은 크게 다음의 두 케이스에서 볼 수 있다. 1) 데이터를 읽어올 때 2) 에러 처리 시 1) 예를 들어, 데이터를 읽어올 때의 단점은, 아래..