fetch

fetch란?

서버에 HTTP 통신으로 요청(request)을 보내고, 정보를 응답(response) 받을 때 사용되는 메서드

비동기 통신이다.
=> 이전 작업의 종료 여부와 상관없이 기다리지 않고 다른 작업을 처리하는 방식

fetch 사용

// fetch 전문 예시

fetch("api주소", {               //1
  method:"...",                 //2
  headers: {"..."},             //3
  body:JSON.stringify({"..."})  //4
})                                            //요청
  .then((response) => response.json())   //5
  .then((data) => console.log(data))     //6
                                              //응답

1. 첫번째 인자(api주소) - 필수
2. 두번째 인자 (method) - 선택사항 (defult = GET)
   : 어떤 method로 요청할지 (GET, POST, PUT, PATCH, DELETE 등등)
3. 두번째 인자 (headers) - 선택사항 (서버에 요청할 때 보낼 부가적인 정보)
   : Host, user-Agent, Authorization, Content-Type 등등
4. 두번째 인자 (body) - 선택사항 (서버에 요청할 때 보낼 실질적인 정보)
   : JSON.stringify라는 메서드 사용 (서버에 보내는 데이터 형태를 맞춰줘야 하기 때문)
5. 첫번째 then

   .then(function onFullfilled, [function onRejected])
   ex) .then(res => res.json())

   서버에서 응답된 Json 형태의 데이터를 javascript객체로 변환해서 사용 가능하게 만들어 준다.
   
6. 두번째 then

   .then((result) => {
   alert(result) 
   }) 

   사용 가능한 데이터를 가지고 사용 될 함수를 작성한다.