브라우저 렌더링 과정WebKit 엔진DOM tree 생성 -> Render tree 생성 -> Layout -> Paintin 1. 개발자가 작성한 HTML을 브라우저가 전달받으면, 브라우저의 랜더엔진이 이를 HTML 파싱하고 DOM-node로 이루어진 트리를 생성. 2. CSS파일과 각 엘리먼트의 인라인 스타일을 파싱하고, 스타일 정보를 추가하고 렌더트리를 추가합니다. 3. 렌더트리가 만들어지고 나면, Layout 과정을 거칩니다. 각 노드들은 스크린의 좌표가 주어지고 정확히 어디에 위치할지 정해짐 4. 앞선 정보들로 모든 요소의 색을 입힌다. DOM 조작의 비효율성 때문에 순서도를 설명했습니다.HTML, CSS 파싱부터 화면에 Painting 하는 과정까지 전부 조작하게 됩니다.*많은 연산과 비용을..
