fetch (3) 썸네일형 리스트형 REST API #5 - Axios vs Fetch ? Axios의 장점 1. Intercept / Reject / Abort functions - 해당 기능이 존재하는 것으로 인해서, 에러에 대한 처리와 호출에 대한 관리를 더 섬세하게 다룰 수 있습니다. 2. Shorthand methods - options에 HTTP 메서드 타입을 지정하지 않음과 동시에 dot operator를 사용해서 더욱 명확하게 코드를 작성할 수 있습니다. 3. Auto-transform JSON - fetch()에서 response.json()을 한번 해줘야 하는 것을 자동으로 변환을 해 줘서 step을 하나 줄일 수 있습니다. 4. Timeout - fetch()는 제공하지 못하는 timeout option에 따른 abort function을 사용하는 것으로 일정 시간 이후에도.. REST API #4 - Axios Axios? 사진처럼, fetch api와 axios api를 비교하는 것은 백포도, 적포도를 비교하는 것일지도 모르겠습니다. 각자의 풍미가 있고 특성이 있는 것처럼, fetch와 axios도 각각의 매력이 있으니 상황에 맞게 좋은 방식을 선택하는 것이 좋겠습니다. MIT 라이선스를 가지는 axios api는 fetch()에서 느낄 수 있던 아쉬운 점들을 어느 정도 해소해 주는 방식들을 가지고 있습니다. 형태와 기본 틀은 거의 같은 맥락을 유지하지만, 데이터 형태 변환과 에러 처리에 있어서 더욱 효과적인 방식을 선택할 수 있습니다. axios() function axios() function은 npm / yarn를 통해서 package.json에 추가하는 것으로 사용 할 수 있습니다. $ npm inst.. REST API #3 - Fetch Fetch API? 예전의 방식인 server layer를 통해서 API call을 하는 것보다는 client layer에서 직접 API를 호출하는 것이 웹 개발의 새로운 트렌드로 도입되었습니다. 네트워크 요청은 대부분 요청 전송 -> 사용자 정보와 요청에 대한 정보를 통해서 타당성 확인 -> 서버에서 해당 요청에 따른 최신 변경분을 반환 과 같은 방식으로 수행되었습니다. 또한 전자의 경우는 반환을 할 때 페이지 새로고침이 필요했습니다. 후자의 방식은 이러한 모든 것을 페이지 새로 고침 없이 가능하게 했습니다. google.com을 통해서 처음 보이는 페이지에서 검색어를 입력하면 해당 부분에 대한 자동완성이 되는 것을 '새롭다'라고 생각하지 않고 현재는 사용하지만, 맨 처음에 해당 기술을 도입한 시기에는.. 이전 1 다음
