async 2

Rest API 비동기 시점 제어 (async, await) 및 value return

오늘은 블로그 비교적 최근에 추가된 비동기 패턴제어인 async과 await에 대해서 정리하려고 한다. 들어가기 앞서 async와 await은 최신 브라우저에서만 지원하기 떄문에 이점은 고려해서 사용해야 할 것 같다. (익스플로러를 크로스브라우징 대상에 포함한다면 어쩔수없이 콜백함수를 써야하지만..) 먼저 나는 async과 await을 사용한 상황은 금액에 대한 계산이 필요했는데, 금액을 가져오는 API가 여러 개였기 떄문에 정확한 금액 계산을 위해 데이터들이 한번에 들어 와야하는 상황이였다. 따라서 전통적인 콜백함수를 사용하기보단 async&await을 써보았다. (사내에서 개발하는 프로그램은 크롬, 엣지만 지원하고 있다.) 먼저 나는 document문서에서 설명해주는 것과 매우 흡사하게 작성했고, a..

JAVASCRIPT 2020.06.26

웹에서 비동기 처리의 시점 컨트롤(callback, promise, setTimeout)

비동기 방식을 이용해 데이터를 가져오는 부분을 개발하던 도중 데이터를 가져오는 시점이 명확하지 않아 문제가 발생했다, 데이터를 정상적으로 가져온 뒤 함수가 실행되어야 하는데 그렇지 않아서 발생한 문제였다, 따라서 문제를 해결하기 위해 여러가지로 찾아보았는데 해결방법으로 여러가지가 있었는데 그 정보들을 정리해보고자 한다. 1. callback함수를 이용하여 해결. 1 2 3 4 5 6 7 8 9 10 11 function requestData(callback) { var url = 'test/get/data'; axios.get(url, function () { }).then((response) => { return response; }); } requestData(function() { console.l..

JAVASCRIPT 2020.02.07