22.03.12 토

오늘은 fetch에 이야기 하겠습니다.

예전 스파르타코딩클럽에서 프로젝트를 진행할 때 openweathermap api를 이용할 때 fetch api를 사용했었습니다.

 

fetch 사용 방법

fetch('http://example.com/movies.json')
  .then(function(response) {
    return response.json();
  })
  .then(function(myJson) {
    console.log(JSON.stringify(myJson));
  });

 response는 fetch api가 가져온 값입니다. 이것은 단순한 HTTP Response이며 실제 JSON이 아니기 때문에 json() 메서드를 사용해 json 형태로 바꿉니다.

그리고 나서 json안에 우리가 원하는 것을 찾아 이용하면 됩니다.

 

Using Fetch - Web API | MDN

 

자바스크립트 비동기 처리와 콜백 함수

 

자바스크립트 Promise 쉽게 이해하기

 

강의에서는 fetch를 이해할 때 이 페이지들을 추천해주었습니다.

저도 프로젝트때 사용하는법만 알았지 제대로 알아볼 생각을 하진 않았었는데 이번 기회에 제대로 알아보아야겠다는 생각이 들었습니다.

그래서 내일 제대로 이것에 대해 파고들 생각입니다.