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