fetch란?

* fetch 란?

  API를 사용하여 백엔드 서버와 비동기 요청을 하는 방식 중 하나
  비동기 방식으로 요청하기 때문에 API 호출하는 과정이 끝나지 않더라도 자동적으로 다음 코드로 넘어감. 
  호출 과정에서 필요한 정보를 사용할 땐 .then() 함수 이용

   - method (통신 방식) : GET(**default**) / POST 등이 있음. 
     1) GET : 어떠한 정보를 백엔드 서버에서 가져올 때 이용 
     2) POST : 어떠한 정보를 백엔드 서버에 보낼 때 이용
     3) DELETE : 단어 그대로 삭제할 때 사용

   - headers : API 응답에 대한 헤더 정보를 담음
                  Http Header와 대응

   - body : 전달하고자 하는 응답 내용. 백엔드 서버와 통신할 때, 객체를 이용하여 통신하므로 !!!객체 타입으로 작성!!! 
              Json 객체 이용 -> .strignify() 메서드를 이용해서 자바스크립트 값 or 객체를 JSON 문자열로 반환
     

* then 란?

   API를 이용하여 백엔드 서버로부터 받아온 정보를 사용할 때 .then()함수를 이용

출처 : https://velog.io/@ppl8709/TIL-3-fetch-%ED%95%A8%EC%88%98
        https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify
        https://medium.com/@kkak10/javascript-fetch-api-e26bfeaad9b6