비동기 처리

자바스크립트의 동기, 비동기 그리고 이벤트 루프가 하는 일에 대해서 알아보자.

이전 포스팅에서 알아본 비동기 처리를 사례를 통해서 알아보자.

Promise는 ES6에서 도입된 기능이다.Promise를 사용하면 \[JavaScript] ajax, setTimeout & 콜백 함수 편에서 알아본 콜백 지옥으로 빠지지 않고 조금 더 코드를 가독성 있게 작성할 수 있다.

fetch 함수는 HTTP 요청 전송 기능을 제공하는 Web API의 한 종류이다.반환하는 데이터는 HTTP response 객체를 래핑한 Promise 객체를 반환하기에 Promise의 후속처리함수(then,catch)를 사용할 수 있다.예제 code1번 코드 실행

async/await는 자바스크립트 비동기 처리 패턴 중 가장 최근에 나온 문법이다.(ES8) 콜백 함수와 프로미스의 단점을 보완하고 가독성이 좋은 코드를 작성할 수 있다.