Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- await
- js
- 개발 환경 구축
- 코어JS
- 브라우저의 렌더링 과정
- Escape Hatches
- Strict Mode
- 프로미스
- 싸피
- BETA
- 표현식과 문
- 디스트럭처링 할당
- rest api
- DEEPDIVE
- 모듈
- 이터러블
- REACT
- 스프레드 문법
- Deep Dive
- Set과 Map
- ES6 함수의 추가 기능
- 클로저
- 제너레이터
- 데이터 타입
- Ref로 DOM 다루기
- Ref로 값 참조하기
- 배열
- 비동기 프로그래밍
- 에러 처리
- async
Archives
- Today
- Total
목록브라우저의 렌더링 과정 (1)
코딩을 쉽게 해보자
[Deep Dive] 38장 - 브라우저의 렌더링 과정
구글의 V8 JS 엔진으로 빌드된 JS 런타임 환경인 Node.js의 등장으로 JS는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용할 수 있는 범용 개발 언어가 되었다. 브라우저 HTML, CSS, 자바스크립트로 작성된 텍스트 문서를 어떻게 파싱(해석)하여 브라우저에 렌더링하는지 살펴보자 파싱 파싱(구문 분석)은 프로그래밍 언어의 문법에 맞게 작성된 텍스트 문서를 읽어 들여 실행하기 위해 텍스트 문자열을 토큰으로 분해하고 토큰에 문법적 의미와 구조를 반영하여 트리 구조의 자료구조인 파스트리를 생성하는 일련의 과정을 말한다. 일반적으로 파싱이 완료된 이후에는 파스 트리를 기반으로 중간 언어인 바이트코드를 생성하고 실행한다. 렌더링 렌더링은 HTML, CSS, JS로 작성된 문서를 파싱하여 ..
JavaScript
2023. 1. 2. 21:22