코딩애플 강의를 들으며 브라우저에서 스택과 큐가 어떻게 동작하는지 간단하게 정리해봤습니다.

웹 브라우저 간단 원리

브라우저는 C++이라는 언어로 코드가 짜여져있는데, 브라우저는 실행해야할 js코드를 발견하면 C++ 언어로 만들어둔 stack에 넣어 실행시켜준다.

여기서 stack이란 간단히, 다 집어넣고 맨 윗줄부터 하나하나 실행시키는 공간이라고 생각하면 되겠다.

처리가 오래걸리는 코드를 만나버렸어요

웹 브라우저 환경에서 처리가 오래걸리는 대표적인 코드는 ajax요청, 이벤트리스너, setTimeout 등등이 있다.

이런 처리가 오래걸리는것들은 Stack에 쌓아서 실행하지않고 잠깐 보류해놨다가 완료가 되는 시점에 Stack의 텅 빈 시점에 집어넣어 처리해준다.

처리가 오래걸리는 코드는 Queue라는 곳에 집어넣고 Queue에 있던 코드는 Stack으로 옮겨서 실행해주는데 Stack이 비어있을 때만 차례로 집어넣어서 실행해준다.
(참고로 Queue는 들어온 순서대로 차례차레 Stack에 옮겨준다고 함)

(내가 그려본 스택과 큐 동작원리..)