본문 바로가기
  • 개발 / 공부 / 일상
Javascript

(Javascript) Javascript Runtime

by JJeongHyun 2023. 4. 4.
반응형

Runtime 이란?

  • 프로그래밍 언어가 구동되는 환경
  • 어떤 프로그램이 동작할 때, 프로그램이 동작하는 장소

JS Runtime 종류

  • 웹 브라우저
    • HTML <script> 태그 내에 JS 코드를 작성하면 웹 브라우저에서 작동
  • Nodejs
    • CLI 환경에서 node (js 파일이름) 명령어를 입력하면 nodejs 런타임 아래에서 작동
    • 일종의 JS 실행

 

JS Runtime

JS Engine, Web APIs, Callback Queue, Event Loop 등으로 이루어져 있다

  • Memory Heap + Call stack으로 구성된 JS Engine ( V8 : 오픈 소스 JS엔진 )
  • 이벤트 리스너에 의해 실행되어 해당 이벤트에 실제로 어떤 수행을 할지를 결정하는 이벤트 핸들러를 모아둔 Callback Queue (Task Queue)
  • Call Stack과 Callback Queue를 주시하고 있다가 Stack이 비워지면 Callback함수를 stack으로 밀어 넣어주는 Event Loop
  • 마지막으로 외부 함수로서 이벤트 리스너가 모여 있는 Background( 웹 브라우저 기준으로 Web APIs )

 

https://developerjjh.tistory.com/181

 

(JavaScript) JS 동작원리

JS Engine Call Stack과 Memory Heap으로 데이터 및 코드 실행을 관리 Memory Heap 메모리 할당이 일어나는 곳, 선언한 변수나 함수 등이 이곳저곳에 무작위하게 담겨져 있다 Call Stack 코드가 실행될 때 쌓이

developerjjh.tistory.com

 

'Javascript' 카테고리의 다른 글

(JavaScript) Callback 함수  (0) 2023.04.04
(JavaScript) JS 동작원리  (0) 2023.04.02
(Javascript) mergeSort  (0) 2023.01.16
(Javascript) selectionSort  (0) 2023.01.16
(Javascript) InsertSort  (0) 2023.01.16