Fetch API

Fetch API

Creator

Creator

Seong-lae Cho

Created

Created

2019 Nov 5 5:18

Editor

Editor

Seong-lae Cho

Edited

Edited

2025 Jun 8 2:0

Refs

Refs

ReadableStream API

Previously, this functionality was provided by XMLHttpRequest. Fetch serves as a replacement for this API, making it easy to use with technologies like Service Workers

.data - readable stream

Fetch API Notion

AbortController

Fetch API Usages

Async iterators and generators

Streaming fetches are supported in Chrome, Edge, and Safari, and they look a little like this: This code is pretty readable thanks to async functions ( here's a tutorial if you're unfamiliar with those), but it's still a little clumsy.

Async iterators and generators

https://jakearchibald.com/2017/async-iterators-and-generators/#making-streams-iterate

Async iterators and generators

Fetch API 를 이용하면 Request나 Response와 같은 HTTP의 파이프라인을 구성하는 요소를 조작하는것이 가능합니다. 또한 메서드를 이용하는 것으로 비동기 네트워크 통신을 알기쉽게 기술할 수 있습니다. 이전에 이러한 기능을 XMLHttpRequest 에서 제공하고 있었습니다. Fetch는 이러한 API의 대체제로 Service Workers 같은 기술로 간단히 이용하는것이 가능합니다. 또한 CORS나 HTTP확장같은 HTTP에 관련한 개념을 모아 정의하고 있습니다.

https://developer.mozilla.org/ko/docs/Web/API/Fetch_API/Fetch%EC%9D%98_%EC%82%AC%EC%9A%A9%EB%B2%95

axios vs fetch - no-cors mode... · Issue #1358 · axios/axios

Dismiss GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together. Sign up You can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or window.

https://github.com/axios/axios/issues/1358

axios vs fetch - no-cors mode... · Issue #1358 · axios/axios

fetch사용시 유의 사항 (json() 함수 사용하기)

js 개발자들은 network request 요청이 필요할 경우 대부분 axios.js나 기타 다른 라이브러리를 쓰는 것 같다. js에서 기본적으로 제공하는 fetch라는 함수가 있지만, fetch를 사용할 경우 응답받은 body데이터의 form을 직접 변환해야 하는데, 이 단계를 자동으로 해주기 때문이고, 에러 핸들링도 편하기 때문이다. 나 역시도 axios나 기타 HTTP requests libarary를 다루는 방법은 잘 알고있다.

fetch사용시 유의 사항 (json() 함수 사용하기)

https://wooooooak.github.io/javascript/2018/11/25/fetch&json()/

Backlinks

HTTP Tool JS Develop Module

Recommendations

//////////