fetch함수
이전에는 request나 axios, jquery와 같은 라이브러리로 원격 api를 호출했지만 요즘은 라이브러리 없이 브라우저에 내장된 fetch함수를 이용하면 충분하다.
첫번째 인자로 URL, 두번째 인자로 옵션 객체를 받는다. 그리고 Promise 타입의 객체를 반환
반환된 객체는 API 호출이 성공했을 경우에는 응답객체를 resolve하고, 실패했을 경우에는 예외객체를 reject한다.
참고로 fetch함수는 브라우저의 window객체에 소속되어 있기 때문에 window.fetch()로 사용 되기도 한다.
-지식 정리-
원격 api란?
커뮤니케이션 네트워크를 통해 상호 작용하도록 설계되었다. 원격은 api에 의해 조작되는 리소스가 요청을 보내는 컴퓨터의 외부에 있음을 의미
api란?
application programming interface 로 컴퓨터나 컴퓨터 프로그램 사이의 연결. 일종의 소프트웨어 인터페이스이며 다른 종류의 소프트웨어에 서비스를 제공
소프트웨어란?
컴퓨터에게 동작방법을 지시하는 명령어의 집합
promise 객체
비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타낸다.
대기: 이행하지도, 거부하지도 않은 초기상태
이행: 연산이 성공적으로 완료
거부: 연산 실패
중 하나의 상태를 가진다.
대기중인 promise는 값과 함께 이행할 수도
then()메서드
promise를 리턴하고 두개의 콜백 함수를 인수로 받는다. 하나는 promise가 이행했을 때, 다른 하나는 거부했을 때를 위한 콜백 함수이다.
정리 사이트 링크
https://www.daleseo.com/js-window-fetch/
