JS 비동기화, 콜백함수 콜백헬 Promise, Fetch API로 해결하기

배경지식 XHR : XML HTTP REQUEST Fetch : XHR를 보완하는 API, 최신버전 모던 브라우저에서 지원, promise 기반의 API 기존 XHR에서 콜백의 depth 가 여러개 API가 추가될때마다 깊이가 깊어졌다면 Fetch에서는 Promise 객체를 리턴해서 promise가 제공하는 메소드에 기존의 API를 연결하면서 하나로, 일자로 쭉 펼칠 수 있다. 비동기화 필요성, 코드 예시, 기타 설명 동기화를 사용하면, API를 받을때까지 프로그램이 작동하지 않아서 UI가 멈추는 현상이 발생한다. 예시) 옵션을 통해 동기로 진행되는 코드 getRequest(): AjaxResponse { this.ajax.open('GET', this.url, false); this.ajax.send(..

2022.04.07