Fetch란? fetch() 메소드 기본 구성 알아보기

Fetch란?

자바스크립트에서 네트워크 요청을 보내고 서버로부터 응답을 받아오는 최신 API

Fetch API가 제공하는 fetch() 메서드로 OPEN API에서 제공하는 정보를 쉽게 가져올 수 있다.

 

fetch() 메소드 기본 구성

형태를 기억하자!

먼저 fetch() 메소드 안에 매개변수로 url이 들어간다.

그런다음에 .then() 메소드가 두 개 나오는데, 첫 번째는 받은 데이터의 이름을 res로 정하고, JSON으로 형태변환한다.

두 번째는 JSON 형태의 데이터를 data로 칭하고, 아래의 코드를 수행한다.

지금은 간단하게 console.log(data) 코드를 통해 data를 콘솔창에 출력하는 단순 작업을 수행하지만,

여기에 다양한 함수를 적용할 수 있다.