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