비동기 처리(Asynchronous Processing) 하나의 작업의 종료까지 기다리지 않고 다음 작업을 진행하는 비순차적인 처리 방식 자바스크립트는 싱글 스레드 기반의 언어이기 때문에 작업을 처리하는 공간(호출 스택)이 하나이다. 즉, 한번에 하나의 작업만 수행할 수 있다. 따라서 비동기적으로 실행되는 setTimeout, addEventListener 등 포함된 로직은 작성한 순서대로 실행되지 않는다. 아래 예제를 보자 console.log('AAAA'); setTimeout(function(){ console.log('BBBB'); }, 0); console.log('CCCC'); 위의 예상 결과는 1. AAAA 2. BBBB 3.CCCC 라고 생각했지만 그렇지 않았다. 이유는 자바스크립트 엔진의..
비동기 처리(Asynchronous Processing), 콜 스택(Call Stack), 이벤트 루프(Event Loop)
비동기 처리(Asynchronous Processing) 하나의 작업의 종료까지 기다리지 않고 다음 작업을 진행하는 비순차적인 처리 방식 자바스크립트는 싱글 스레드 기반의 언어이기 때문에 작업을 처리하는 공간(호출 스택)이 하나이다. 즉, 한번에 하나의 작업만 수행할 수 있다. 따라서 비동기적으로 실행되는 setTimeout, addEventListener 등 포함된 로직은 작성한 순서대로 실행되지 않는다. 아래 예제를 보자 console.log('AAAA'); setTimeout(function(){ console.log('BBBB'); }, 0); console.log('CCCC'); 위의 예상 결과는 1. AAAA 2. BBBB 3.CCCC 라고 생각했지만 그렇지 않았다. 이유는 자바스크립트 엔진의..
2022.06.28