웹 입문

Fetch API와 AJAX

Fetch API는 브라우저에서 HTTP 요청을 만들고 응답을 Promise 흐름으로 처리하는 기준입니다. 메서드, 헤더, 본문, 오류 처리를 함께 봐야 합니다.

요청 메서드, 헤더, 본문, 응답 오류 처리를 기준으로 Fetch API와 AJAX 요청 방식을 정리합니다.

핵심 개념

웹 API(Web APIs)

웹 API(Web APIs)는 언어 자체를 넘어 브라우저 기능을 실전 코드에 연결하는 기준입니다.

1

XMLHttpRequest (XHR)

XMLHttpRequest 객체는 AJAX의 전통적인 구현체입니다.

2

Fetch API: AJAX의 현대적인 표준

Fetch API는 Promise를 기반으로 비동기 네트워크 요청을 수행하는 현대적인 인터페이스입니다.

3

CORS (Cross-Origin Resource Sharing)

Fetch API를 사용해 다른 도메인의 리소스에 접근할 때는 CORS (Cross-Origin Resource Sharing) 정책을 이해해야 합니다.