📖 목차

👈 뒤로가기

0. 자바스크립트의 비동기

가. 비동기

<aside> 💡 요청과 결과가 동시에 일어나지 않는것. 여러 관련된 작업이 원래의 일이 끝날 때까지 기다리지 않는 것

</aside>

카페의 예시를 들어 설명하자면

• 동기: 주문을 받고 음료를 제공 한 후 다음 주문을 받는다.
• 비동기: 주문을 받고 음료를 만드는 동안 새로운 주문을 받고, 음료가 다 만들어지면 만들어진 음료를 제공한다.

나. 싱글스레드인 자바스크립트의 비동기가 가능한 이유

자바스크립트는 싱글 스레드로 한번의 하나의 코드만 실행시키며, 동기적으로 작동 할 수 밖에 없다. 따라서 애니메이션이 지속되는 동시에 상품의 상세 페이지로 이동하기 위한 요청 작업은 불가능해야 한다. 하지만, 실제로 브라우저에서는 이러한 작업이 가능하다.

• 용어: 스레드(Thread)

바로 이벤트 루프(Event Loop) 덕분이다.

다. 이벤트 루프(Event Loop)