V8 JavaScript 해석, 실행 과정

V8 엔진이란?: V8 엔진은 구글이 주도하여 C++로 작성된 고성능의 자바스크립트 & 웹 어셈블리 엔진이다.현재는 Google Chrome과 NodeJS에서 사용되고 있으며 ECMAScript와 Web Assembly를 표준에 맞게 구현하였다. v8 엔진 작동원리V8은 JavaScript 소스 코드를 가져와서 파서(Parser)에게 넘긴다.Parser는 소스 코드를 분석한 후 AST(Abstract Syntax Tree), 추상 구문 트리로 변환하게 된다.변환한 AST를 Ignition으로 넘긴다. Ignition은 JavaScript를 바이트 코드(Bytecode)로 변환하는 인터프리터이다. 동작 구조이 바이트 코드를 실행함으로써 우리의 소스 코드가 실제로 작동하게 되고, 그 중 자주 사용되는 코드는..

• format_list_bulleted Web/HTML
• · 2025. 3. 16.
• textsms

DOM(Document Object Model)

DOM(Document Object Model)은 웹 페이지에 대한 인터페이지이다. 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있도록 API를 제공한다. 웹 페이지가 만들어지는 과정: 웹 브라우저가 원본 HTML 문서를 읽어들인 후, 스타일을 입히고 대화형 페이지로 만들어 뷰 포트에 표시하기까지의 과정을 "Critical Rendering Path"라고 한다. CRP(Critical Rendering Path)과정DOM 트리 구성CSSOM 트리 구성자바스크립트 실행렌더 트리 만들기레이아웃 생성페인트1. Dom 트리 구성DOM(문서 개체 모델)트리는 완전히 구문 분석된 HTML 페이지의 개체 표현이다.루트 요소부터 시작하여 페이지의 각 요소/텍스트에 대해 노드가..

• format_list_bulleted Web/HTML
• · 2025. 3. 16.
• textsms

WebBrowser

월드 와이드 웹 (WWW, W3, Web)월드 와이드 웹(World Wide Web, WWW, W3)은 인터넷에 연결된 컴퓨터를 이용해 사람들과 정보를 공유할 수 있는 거미줄(Web)처럼 얼기설기 엮인 공간을 뜻하는 용어다. HTTP 프로토콜을 기반으로 HTML로 작성된 하이퍼텍스트 페이지를 웹 브라우저라는 특정한 프로그램으로 읽을 수 있게 하도록 구성되어 있다 인터넷인터넷 프로토콜 스위트(TCP/IP)를 기반으로 하여 전 세계적으로 연결되어있는 컴퓨터 네트워크 통신망을 일컫는 말이다. 브라우저HTML 문서와 이미지, 멀티미디어 파일 등 월드 와이드 웹을 기반으로 한 인터넷의 컨텐츠를 검색 및 열람하기 위한 응용 프로그램의 총칭   브라우저는 인터넷에서 특정 정보로 이동할 수 있는 주소 입력창(=인터페이..

• format_list_bulleted Web/HTML
• · 2025. 3. 16.
• textsms