대가는 결과를 만든다

브라우저에서 비동기 처리가 필요한 이유: Single Thread구조인 Javascript는 하나의 작업이 오래걸리는 경우 Signle Thread Blocking 이슈가 발생하게 되어 Freezing 현상을 초래할 수 있음. 이 한계를 보완하기 위해 Background로 비동기 작업을 처리하고 Main Thread의 일반적인 동작은 blocking되지 않도록 처리한다. 브라우저의 구조는 크게 아래와 같이 구성되어 있다.  1. Javascript엔진1-1. Call Stack : 함수가 호출될 시 실행 컨텍스트가 순차적으로 push되고 순차적으로 실행1-2. Heap : 객체가 할당되는 메모리 공간 2. Web API- Background에서 처리- DOM Event, ajax, timer 등의 브라우..