TIL - 20220915

 오늘은 모던 JavaScript 튜토리얼에서 fetch에 대해 공부했다. 작성한 질문은 다음과 같다.

 AJAX는 Asynchronous JavaScript And XML의 약자로 직역하면 비동기적 JavaScript와 XML로 서버에서 부가 정보를 비동기적으로 가져올 수 있게 해주는 기술을 뜻한다. AJAX 이외에도 서버에 네트워크 요청을 보내고 응답을 받아올 수 있는 방법은 다양하며 그중 하나가 fetch이다.

 

 fetch는 서버에 네트워크 요청을 보내고 응답을 받아올 수 있는 메서드이며 기본 문법은 다음과 같다.

let promise = fetch(url, [options]);

• url: 접근하고자 하는 url
• options: 말 그대로 넣어도 되고 안 넣어도 되는 매개변수이며 method나 header를 지정할 수 있다. 아무것도 넣지 않을 경우, 요청은 GET 메서드로 진행되며 url로부터 컨텐츠를 다운로드한다.

fetch를 호출하면 브라우저는 네트워크 요청을 보내고 프라미스를 반환받는다. 반환된 프라미스는 fetch()를 호출하는 코드에서 사용되고 응답은 두 단계로 진행된다.

1. 서버에서 응답 헤더를 받으면 fetch 호출 시 반환받은 promiser가 내장 클래스인 Response의 인스턴스와 함께 resolve 상태가 된다.
2. 추가 메서드를 호출해 응답 본문을 받는다.