[ES6] 비동기 처리를 위한 Promise (XMLHttpRequest)

기존의 AJAX의 비동기 처리 패턴은 가독성이 떨어지고 예외 처리가 곤란했다.

ES5의 기존의 비동기 처리 패턴

위의 예제는 2번의 AJAX 호출이지만 실제로는 더 많은 경우도 많다. 또한 위의 2번의 AJAX에서 두번째는 첫번째가 성공한 경우에만 유효하다.

ES6의 Promise를 사용한 비동기 처리패턴

비동기 메소드가 프로미스 객체를 반환하면서 체이닝이 가능한데, 첫번째 request1이 성공할 경우 그 다음에 request2가 호출된다.

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다