자바스크립트의 fetch() 함수

fetch 함수?

원격 API를 간편하게 호출할 수 있도록 자바스크립트에서 fetch 함수를 지원하고 있다. request 같은 라이브러리 없이도 사용할 수 있기 때문에 파일의 용량을 줄이는데 크게 도움이 된다.

 

 

 

GET 호출

fetch() 함수는 첫번째 인자로 URL, 두번째 인자로 옵션 객체를 받고, Promise 타입의 객체를 반환한다. 반환된 객체는, API 호출이 성공했을 경우에는 응답(response) 객체를 resolve하고, 실패했을 경우에는 예외 객체를 reject한다.

 

대부분의 REST API들은 JSON의 형태의 데이터를 응답하기 때문에, 응답(response) 객체는 json() 메서드를 제공한다.

 

 

 

 

POST 호출

method 옵션을 post로 지정해주고, header 옵션을 통해 JSON 포멧을 사용한다고 알려줘야 하며, 요청 전문을 JSON 포멧으로 직렬화 하여, 가장 중요한 body 옵션에 설정해준다.