fetch

웹 개발시에 API를 호출하기 위해서 제일 먼저 떠오르는 것이 request, axios, jQuery 같은 라이브러리이다. 하지만 이제 브라우저가 fetch() 함수를 지원하기 때문에 이러한 라이브러리를 사용해서 자바스크립트 번들(bundle)파일의 크기를 늘리는 낭비를 하지 않아도 된다. 물론 나는 주로 reactJs, nextJs 로 작업하기 때문에 axios를 써서 호출한다. 그러다 이번에 이미지 url에서 파일을 추출하기 위해서 fetch 함수를 써서 response를 받아올 일이 있었다. 방법을 찾아서 알아보다가 fetch함수를 이렇게 쓸 수 있다는 것도 알게 되었다. 겸사겸사- fetch에 대해 알아보고 공부하려고 한다. 📢 Fetch 를 알자! fetch() 함수는 네트워크 요청하고 응답을..

React를 사용해서 서버와 통신을 하기 위해서는 Axios 혹은 Fetch와 같은 HTTP 클라이언트를 사용합니다 Fetch API는 네트워크 요청을 위해 fetch()라는 메서드를 제공합니다. 모던 브라우저에서 내장되어있어서 따로 설치할 필요 없이 바로 사용할 수 있습니다. 반면 Axios의 경우에는 npm이나 yarn을 이용해서 설치를 해야합니다. 둘 다 promise 기반이라서 이행 혹은 거부할 수 있는 promise를 반환합니다. Axios vs Fetch 문법 //Axios axios.get( url, { 옵션 }, {} ) or axios(url, { method: 'get', headers: { "Content-Type: "application/json" }, data: {}, }) //f..