내 맘대로 IT 뉴스 편집숍

Promise.all() 여러개의 프로미스가 완료가 된 후 다음로직을 실행해야하는 경우에 사용된다. 이경우 async await보다 합리적인 선택이 될 수 있는데, 아래와 같은 경우 때문이다 // async await을 사용할경우 async asyncAwaitExampleFunc() { const resp = await $http.get("/api") // 3초 const resp2 = await $http.get("/api2") // 5초 responseHandler(resp, resp2) // 이 함수는 8초후에 실행된다 ... } // Promise.all을 사용할경우 promiseAllExampleFunc() { const resp = $http.get("/api") // 3초 const resp..

Callback 기존 비동기 통신을위해서 callback형태의 구문을 사용하였다. 이 형태에는 치명적인 문제가 있었는데, 비동기 코드가 중첩될수록 읽는데 한세월 고치는데 한세월인 코드가 된다는것이었다. // 여기까진 봐줄만하다 doAsyncRequestAction(param, function(resp) { }); // 그러나... doAsyncRequestFirstAction(param, function(resp) { doAsyncRequestSecondAction(param, function(resp) { doAsyncRequestThirdAction(param, function(resp) { }); }); }); 물론 위와 같은 코드도 로직수정과 별도의 함수로 분리하는 리팩토링 과정을 거치면 조금 나..