Fetch API 란?

Fetch API는 네트워크 통신을 포함한 리소스 취득을 위한 인터페이스를 제공하며, XMLHttpRequest보다 강력하고 유연한 대체제

Fetch API 개념

 

• Fetch API는 Request와 Response 객체, 그리고 기타 네트워크 요청에 관련된 것들을 사용하고 CORS와 HTTP Origin 헤더 행동 등 관련한 개념도 포함

Fetch API 사용법

• 요청을 생성하고 리소스를 취득하려면 fetch 메서드를 사용
• fetch()는 window와 worker 컨텍스트 양쪽에서 모두 사용할 수 있는 전역 메서드
• 리소드를 취득할 상황이 생기는 거의 모든 컨텍스트에서 사용 가능
• fetch() 메서드는 하나의 필수 매개변수로 가져오려는 리소스 경로를 받음
• 반환 값은 해당 요청에 대한 Response로 이행하는 promise인데, 헤더를 포함한 응답을 하는 순간 이행
• 서버가 HTTP 오류 응답 코드로 응답해도 이행한다는 뜻
• 두 번째 매개변수에 init 옵션 객체를 제공할 수 있음
• Response를 가져온 후에는 본문 콘텐츠의 유형과 처리 방법을 정의할 수 있는 다양한 메서드르 사용할 수 있음
• Request()와 Response() 생성자를 직접 호출해서 요청과 응답을 생성할 수 있음

Fetch API 인터페이스

• fetch()
  • 리소스를 취득하기 위한 fetch() 메서드
• Header()
  • 요청/응답 헤더를 나타냄
  • 헤더를 질의하고 그 결과에 따라 다양한 동작을 취하기 위해 사용 가능
• Request
  •  리소스 요청을 나타냄
• Response
  • 요청에 대한 응답을 나타냄