도리쓰에러쓰

비동기 처리는 결과가 언제 반환되는지 알 수 없어서 동기식으로 처리하는 기법들을 사용해야 하는데 대표적으로 setTimeout, callback, promise가 있다. 그 외에도 사용법이 간단해진 비동기 처리 방법이 있는데 바로 async와 await이다. 우선 몰라도 좋으니 아래 코드를 참고하여 얼마나 간단해졌는지 확인만 해보자. // Promise const p1 = () => { return new Promise((resolve, reject) => { resolve('성공'); }); }; //async async function p2 () { return '성공'; }; p2.then((value) => console.log(value)); 1. async와 await async와 await는..

💡 2022년 이후 React 18.0ver batching 업데이트 나오면 async 몰라도 됩니다 ! 1. JavaScript의 sync / async 관련 상식 JavaScript는 일반적인 코드를 작성하면 동기(Synchronous) 처리가 됩니다. 동기(Synchronous) 처리는 코드 윗줄부터 차례대로 코드가 실행된다는 뜻입니다. 아래 코드는 콘솔창에 2, 3, 4 순으로 출력되고 있습니다. console.log(1+1);// 2 console.log(1+2);// 3 console.log(1+3);// 4 하지만 JavaScript는 비동기(Asynchronous) 하게 코드 실행이 가능한 함수들이 있습니다. ajax, 이벤트리스너, setTimeout 이런 함수들을 쓸 때 비동기 처리가 ..