[D+65] 웹 정보를 가져오는 fetch

 

D+65

-  웹 정보를 가져오는 fetch -

( fetch )

 

---

 

 

fetch

fetch는 url의 정보를 가져오는 대표적인 비동기 요청이라고 할 수 있다.

 

url의 정보를 가져온다고 해서 단순히 링크를 클릭하는 수준의 불러오기가 아니라

내가 원하는 정보를 동적으로 데이터를 받아와서 사용할 수 있다.

 

사용법

let url = 'http:// 내가 가지고 오고 싶은 정보의 url';

fetch(url)
  .then(response => response.json()) // fetch에 대한 응답을 JSON화 한다.
  .then(json => console.log(json)) // json화 한 객체를 콘솔에 출력한다.
  .catch(err => console.log(err)); // 에러가 발생할 경우엔 에러를 띄워준다.

fetch를 이용해 받은 데이터를 콘솔창에 띄워주는 fetch를 만들어 보았다.