7. Fetch

비동기 자바스크립트에서 주로 사용하던 XMLHttpRequest는 비동기 작업을 위해 콜백 패턴을 활용
→ 콜백 패턴은 가독성이 떨어짐

Fetch API 

비동기 프로그램 작성을 간소화하기 위해 등장한 API

fetch( )는 Promise 객체를 반환하기 때문에 then, catch를 통한 체이닝 활용 가능
→ 개발자는 직접 Promise 객체를 생성하지 않아도 됨

fetch
’무언가를 가져오다, 불러오다’
주로 데이터를 가져올 때 사용(Data fetching)

fetch를 활용하여 요청을 전송하는 코드 예시

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => response.json())
  .then(json => console.log(json))

응답 결과

{
	"userId": 1,
	"id": 1,
	"title": "delectus aut autem",
	"completed": false
}