용어 정리

• 파싱 : syntax analysis. 프로그램이 언어로 작성된 문서를 읽어 실행하기 위해 문자열을 토큰(문법적으로 더는 나눌 수 없는 코드의 기본 요소)으로 분해하고 parse tree를 생성하는 과정. 파싱 후에는 트리를 기반으로 중간 언어인 바이트코드를 생성, 실행.
• 렌더링: HTML, CSS, JS로 작성된 문서를 파싱해서 시가적으로 브라우저에 출력하는 것.
• DOM : HTML 문서를 파싱한 결과물.

렌더링

• 브라우저 렌더링 엔진이 HTML 파싱할 때 외부 리소스를 로그하는 태그를 먼저 서버로 요청한다.

• 예) img, script, link ...

• 렌더링 엔지은 HTML, CSS 파싱 -> DOM, CSSOM 생성 -> 렌더트리로 DOM, CSSOM 결합

• 렌더 트리 : 렌더링을 위한 트리 구조의 자료구조. 브라우저 화면에 렌더링 되는 노드만으로 구성.