꾸매코딩

비동기 처리의 중요성 시간이 걸리는 코드를 비동기 처리하지 않으면 문제가 발생할 수 있음 Ex) 서버에서 Data를 받아와서 출력해야 하는 상황에 비동기 처리를 하지 않으면 Data를 받을때 까지 기다리며 다음 코드들도 기다리게 됨 Promise의 문제 점 체이닝(.then .then .then ...)을 계속하다 보면 코드의 가독성이 떨어짐 Async / Await 비동기 처리방식인 콜백 함수와 프로미스(promise)의 단점을 보완 비동기 처리 패턴 중 가장 최근에 나온 문법 프로미스를 간결하고 동기적으로 실행되는것 처럼 보이게 만들어주는 API Async를 사용하면 함수의 코드 블록이 자동으로 Promise로 변환 됨 Async / Await 사용 방법 function 앞에 async 키워드 Pro..

프로미스(promise)를 이해하기 위해서는 JavaScript가 어떤 식으로 작동하는지 알아야 한다. 싱글 쓰레드 언어인 JavaScript는 비동기 처리를 위해서 콜백(Call Back)을 이용해 이를 보완하였다. 하지만 Call Back이 중첩되면서 코드의 복잡도가 증가하고, 예외처리에 어려움이 생기기 시작했다. 이러한 점을 보안하기 위해 프로미스(promise)가 만들어졌다. 비동기 처리 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 실행함. 비동기 처리 예 - setTimeout() // 1 console.log("First"); // 2 setTimeout(() => { console.log("Second") }, 3000) // 3 console.log("Third") 위..