이다닷

Async, Await는 비동기 처리 방식 중 한가지의 방법이다. Promise를 조금 더 편리하게 사용할 수 있도록 도와주는 편리한 친구다. 사용법async function functionName() { let promise = new Promise((resolve, reject) => { setTimeout(() => resolve("success"), 1000) }); let result = await promise; aler(result);}functionName(); 이렇게 코드를 작성하면 functionName를 실행했을 때, await promise 부분에서 promise가 실행이 될 때까지 기다리게 된다.이 기능을 사용하여 서버를 통해서 api 연결을 ..

Promise와 Callback의 차이점Callback 함수를 사용하면 비동기 로직의 결과값을 처리하기 위해서는 callback 안에서만 처리를 해야하고, callback 밖에서는 비동기에서 온 값을 알 수가 없다.하지만, promise를 사용하면 비동기에서 온 값이 promise 객체에 저장되기 때문에 코드 작성이 용이해진다.   이렇게 async 함수에서 비동기가 끝난 후의 값을 가지고 싶어서 이렇게 작성했다면 b를 1초 후, 100초 후에 찍어도 undefined라는 답이 나온다.   하지만 이렇게 promise를 사용하게 되면 promise 객체에 비동기가 처리된 결과값이 저장된다.callback의 경우 매번 비동기를 실행해야 그 값을 저장할 수 있지만 promise는 .then 메소드를 통해서 ..

Promise란? Promise는 자바스크립트 비동기 처리에 사용되는 객체이다. Promise가 필요한 이유는? Promise는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용한다. 즉, API를 사용할 때 데이터를 받아오기 전에 표시를 한다면 오류가 발생하거나 빈 화면이 뜬다. 이와 같은 문제점을 해결하기 위한 방법 중 하나가 Promise이다. Promise 코드 예제 3번 줄 : 서버에서 받은 데이터 response를 callbackFunction()한다. 8번 줄 : $.get()의 response 값이 data에 전달된다. Promise 적용 코드 콜백 함수로 처리하던 구조에서 new Promise(), resolve(), then()과 같은 Promise API를 사용한 구조로 바꾸었다...