fetch API 란 ?
웹 개발을 할 때 AJAX 라는 비동기적인 통신 방법을 통해 클라이언트 쪽에서 서버에 추가 정보를 요청하여 가져올 수 있게 한다. fetch API는 그런 AJAX 통신 기술의 일종으로 별도의 라이브러리를 추가하지 않아도 최신 브라우저에 내장되어 있기 때문에 함수의 Js에서 호출하는 것으로 손쉽게 사용이 가능하다.
promise를 반환한다 !!
fetch() 사용법
fetch(url, [options])- url(필수) : 접근하고자 하는 url
- [options] : 선택 매개변수
첫 번째 인자인 url은 반드시 작성을 해줘야 하며 자료를 요청할 서버의 주소와 요청 주소값을 정확히 작성해야 한다.
두 번째 인자인 [options]는 사용할 HTTP 메서드, headers , body등을 정의한다. 생략이 가능하며 default 는 GET 방식이다.
fetch('url')
.then(res => {
return res.json // 응답 결과를 json으로 파싱해줌 (promise이기 때문에)
})
.then(data => {
console.log(data) // json으로 파싱한 데이터 결과를 출력함
})
.catch(e => {
console.log("Oh No Error !", e);
})