자바스크립트2 자바스크립트 async & await async, await 는 무엇인가?? 비동기 처리 방식인 callback, promise의 단점을 보완하고 가독성을 상승시킨 기능이다. 최근에 나온 패턴으로 알아두면 좋다. async 함수 async 함수에서 async는 function앞에 위치할 수 있으며, 반드시 promise형으로 반환한다. 명시적으로 Promise를 붙여 반환할수도 있지만 결과는 같다. 1 2 3 4 5 6 async function f() { // return 1; return Promise.resolve(1); } f().then(alert); // result가 1인 promise로 반환됨 그래서 then에서 alert 호출시 1출력 await 자바스크립트에서 await는 async함수 안에서만 동작한다. async함수가 .. 2021. 2. 7. 자바스크립트 Promise Promise란 어떤 것인가? 주로 서버에서 데이터를 불러오고 화면에 표시할 때 사용한다. 3가지 처리 상태를 이용하여 불러오는 상황에 맞춰 원하는 결과를 표시 할 수 있다. 데이터를 불러오기 실패한 경우에 대한 처리도 가능하다. Promise 사용 목적 서버에서 데이터를 받아올 때 의도치 않게 데이터를 다 받아오지 못했는데도 화면에 표시하려 하면 이는 오류로 처리되거나 빈 데이터로 표시된다. 이런 상황에 대한 처리를 할때 사용하는 방법 중 하나가 Promise다. 즉, 자바스크립트에서 오류나 예외처리가 필요할 때 사용할 필요가 있다. Promise 동작 예제 1 2 3 4 5 6 7 8 9 function getData(callbackFunc) { $.get('url 주소/products/1', fun.. 2021. 2. 6. 이전 1 다음
