이전 레슨에서는 비동기 데이터를 처리하는 데 많은 시간을 보냈다.
(AJAX / Asynchronous JavaScript And XML?) 많은 웹 페이지 상호 작용은 비동기 이벤트에 의존하기 때문에 이러한 웹 이벤트를 관리하는 것이 웹 개발에 필수적이다.
비동기 이벤트 처리를 보다 쉽게 하기 위해서 ES6의 자바스크립트에서 Promises가 도입되었다.
프로미스는 비동기 데이터를 처리하는 객체이다. 프로미스에는 세 가지 상태가 있다.
프로미스의 가장 큰 장점은 프로미스가 이행 또는 거부되면 추가 방법을 원래 프로미스에 연결할 수 있다는 것이다.
이 레슨에서는 프로미스를 사용하여, 요청을 처리하는 fetch()
사용 방법에 대해 설명한다.
그런 다음, async
및 await
를 사용하여 요청을 단순화한다.
GET 요청에는 Datamuse API를 사용하고 POST 요청에는 Rebrandly URL Shortener API를 사용한다.
POST에 대한 학습을 완료하려면, 아래 기사의 지시 사항에 따라서 Rebrandly API 키를 작성하도록 하자.
[2019.04.14] fetch API의 개념, 그리고 다시 정리해본 Promise