Fetch

What is fetch?

fetch는 브라우저 내장 메소드이며, 서버에 요청하는 용도로 사용한다.

api를 이용하면 일반적으로 클라이언트가 서버에게 http를 요청하고,
서버가 처리한 뒤 반환한 응답을 받는다.
응답은 다양한 형태로 받을 수 있다.(html, json, text 등)

http 요청은 fetch api를 활용한다

// 카페 api 사용
fetch('http://server.url/menu?q=coffee')
.then(function(resp) {
      return resp.json(); // 응답 형식에 따라 json이 아닐 수도 있다
      })
.then(function(json) {
      console.log(json);
     })

주의사항

api는 무료로 제공되는 공공 서비스처럼 생각하면 안되며, 제공자로부터 정당한 권한을 받은 뒤 사용해야 한다.
따라서 api key는 암호처럼 비밀스럽게 취급되어야 한다.

서버에 기록하는 방법

• http 요청을 get이 아닌 post를 이용
• 내용과 함께 전달

  let newPost = { "userID": 1, "title":"글의 제목", "body":"글의 내용"}
  fetch('http://server.url/posts', { method: 'POST', body: JSON.stringify(newPost)})
  .then(function(resp) {return resp.json()})
  .then(function(json) {console.log(json)})