용어 정리
- 파싱 (Parsing) : 구문 분석
- 렌더링 (Rendering) : HTML, CSS, JavaScript로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력하는 것
- 페인팅 (Painting) : 브라우저 화면에 픽셀을 렌더링하는 작업
- HTTP : HyperText Transfer Protocol / 웹에서 브라우저와 서버가 통신하기 위한 프로토콜
- 토큰 : 문법적 의미를 갖는 코드의 최소 단위
- DOM : Document Object Model / HTML 문서를 파싱한 결과물 (바이트 -> 문자 -> 토큰 -> 노드 -> DOM)
CSSOM : CSS object Model
리플로우 : 레이아웃 계산을 다시 하는것
리페인트 : 재결합된 렌더 트리를 기반으로 다시 페인트 하는것