본문 바로가기
부트캠프TIL, WIL/AI웹개발(스파르타코딩클럽)

[AI웹개발][68일차TIL] 자바스크립트 동작원리, (stack, Queue, event loop)[코딩애플] 자료구조기본개념

by 우지uz 2023. 8. 19.

유튜브 링크 : https://youtu.be/v67LloZ1ieI

스택 이란 : https://gmlwjd9405.github.io/2018/08/03/data-structure-stack.html

노트 필기 : https://www.notion.so/90-stack-Queue-event-loop-003bdad4e5c0401f91f1ea03b6c92b99?pvs=4 

 

개발자 90%가 모르는 자바스크립트 동작원리 (stack, Queue, event loop) 코딩애플

유튜브 링크 : https://youtu.be/v67LloZ1ieI

www.notion.so

나름의 정리

웹 브라우저는 html,css,javascript 를 처리해주는 엔진이다.

코드 한줄한줄을 처리해주는 공간에 Heap, Stack, Queue 가 있다.

바로바로 처리가능한 코드, 변수, 함수 들도 있지만

ajax요청, setTimeout, eventlisner 등등 많은 함수들은 대기실과 Queue를 거쳐서

Stack이 비어있는 경우에 순차적으로 실행된다.

 

순차적으로 Queue를 지나 실행되는 함수들은 
Stack이 비어있지 않은 경우(for 문이나 수학적인 계산을 요구하는 코드들이 많은 경우)에는 
연산 처리가 늦어져서, 웹 브라우저 성능 저하를 일으킬 수 있다.

 

몰라도 되지만, 이해하고 코드를 작성한다면 좋다.