크롬 개발자 도구에서 API 요청하기 ( Fetch API 사용 )

Request API in Chrome Developer Tools ( Using the Fetch API )

 

[Get]

방법 1)

 

fetch('https://api.test.com/getMyId', {
  method: 'GET',
  headers: {'Content-type': 'application/json; charset=UTF-8' }
})
.then(res => res.json())
.then(console.log)

 

 

방법 2)

const response = await fetch('https://api.test.com/getMyId', { method: "GET", 
  headers: {'Content-type': 'application/json; charset=UTF-8' }
 })
console.log(await response.json()) 

 

 

sample)

fetch('https://httpbin.org/get')

  .then(res => res.json())

  .then(console.log)

 

[Post]

방법 1)

fetch('https://api.test.com/modifyMyId', {
  method: 'POST',
  body: JSON.stringify({
    title: 'foo',
    body: 'bar',
    userId: 1
  }),
  headers: {
    'Content-type': 'application/json; charset=UTF-8'
  }
})
.then(res => res.json())
.then(console.log)

 

 

방법 2)

const response = await fetch('https://api.test.com/modifyMyId', { method: "POST", body: data })
console.log(await response.json())