# * Using Fetch

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

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

const content = "Hello World!";
const awesomeHeaders = new Headers();
awesomeHeaders.append("Content-Type", "application/json");
awesomeHeaders.append("Content-Length", content.length.toString());

//객체 리터럴을 생성자에 전달하는것으로 생성할수도 있다.
const awesomeHeaders = new Headers({
  "Content-Type": "application/json",
  "Content-Length": content.length.toString()
});

fetch("https://jsonplaceholder.typicode.com/posts", {
  method: "POST",
  body: JSON.stringify({
    title: "foo",
    body: "bar",
    userId: 1
  }),
  headers: {
    "Content-type": "application/json; charset=UTF-8"
  }
})
  .then(response => response.json())
  .then(json => console.log(json));

const init = {
  method: "GET",
  mode: "cors", //The mode you want to use for the request, e.g., cors, no-cors, or same-origin.
  cache: "default" // The cache mode you want to use for the request.
};

fetch("train.jpg", init)
  .then(function(response) {
    return response.blob();
  })
  .then(function(myBlob) {
    const objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });

fetch("https://jsonplaceholder.typicode.com/posts?userId=1")
  .then(response => response.json())
  .then(json => console.log(json));