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