웹 API

Fetch

Fetch는 자바스크립트에서 HTTP 요청을 보내고 응답을 받아오는 표준 API입니다.

쉬운 설명

브라우저나 서버 자바스크립트에서 HTTP 요청을 보내 데이터를 가져오는 API.

배경과 쓰임까지 이해하기

조금 더 자세히

Fetch는 자바스크립트에서 HTTP 요청을 보내고 응답을 받아오는 표준 API입니다.

프론트엔드에서 REST API를 호출하거나 서버 코드에서 외부 API 데이터를 가져올 때 자주 사용합니다.

Fetch는 요청을 보내는 도구이고, REST API는 URL과 HTTP 메서드로 API를 설계하는 방식입니다.

실제로는 이렇게 만나요

Fetch은(는) 실제 작업 흐름에서 REST API, JSON, Client 같은 개념과 함께 등장합니다.

  • 이런 거 할 때 나와요 프론트엔드에서 REST API를 호출하거나 서버 코드에서 외부 API 데이터를 가져올 때 자주 사용합니다.
  • 이렇게 생겼어요 Fetch은(는) REST API, JSON, Client 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
  • 나오는 화면 예시 웹 API 작업을 하다가 REST API, JSON, Client를 확인하는 화면

헷갈리기 쉬운 점

Fetch는 요청을 보내는 도구이고, REST API는 URL과 HTTP 메서드로 API를 설계하는 방식입니다.

왜 알아두면 좋을까요?

프론트엔드에서 REST API를 호출하거나 서버 코드에서 외부 API 데이터를 가져올 때 자주 사용합니다.

Checklist

실제로 볼 때 확인할 것

  1. 01

    정의보다 쓰이는 상황을 먼저 본다

  2. 02

    관련 개념을 함께 확인한다

  3. 03

    실제 프로젝트에서 등장한 위치를 기록한다

관계 지도

Fetch 중심으로 관련 개념의 정의와 관계를 한눈에 정리했습니다.
Fetch의 정의와 관련 개념 간 관계를 설명한 계층형 그래프