JavaScript - fetch() -(미완성)

🧐 fetch api 란 무엇일까?

fetch api는 HTTP를 구성하는 요청과 응답 등의 요소를 JavaScript에서 접근하고 조작할 수 있는 인터페이스를 제공한다. fetch api 가 제공하는 전역fetch() 메서드로 네트워크 리소스를 쉽게 비동기적으로 가져올 수 있다.

fetch('http://example.com/movies.json')
  .then((response) => response.json())
  .then((data) => console.log(data));

이 코드는 네트워크에서 JSON 파일을 가져와서 콘솔에 출력한다. 위와 같이 가장 단순한 형태의 fetch()는 데이터를 가져오고자 하는 경로를 나타내는 하나의 인수만 받는다.
응답은 Response 객체로 표현되며 Response는 HTTP응답 전체를 나타내는 객체이기 때문에 JSON 본문 컨텐츠를 추출하기 위해서는 json() 메서드를 호출해야 한다.
json()은 응답 본문 텍스트를 JSON으로 파싱한 결과로 또 다른 프로미스를 반환한다.

fetch api는 즉 쉽게말해 네트워크와 통신하여 데이터를 편리하게 가져오는 도구이다.

더 fetch에 대해서 공부하게 되면 추가적으로 노트해야겠다.