브라우저의 주요 기능 브라우저는 사용자가 선택한 자원을
Parsing-genenral 파싱한다는 것은 문서를 코드가 읽을 수 있는 구조로 변환하는 것을 의미합니다. 파싱의 결과는 대부분 문서 구조를 나타내는 노드로 이루어진 트리입니다. 이 트리는 parse tree 혹은 syntax tree라고 불립니다. 예를 들어,
이 글은 Tali Garsiel의 "How Browsers Work: Behind the scenes of modern web browsers"를 번역한 글입니다.HTML 파서는 HTML 마크업을 파스 트리로 변환하는 역할을 합니다.HTML의 어휘와 구문 규칙은 W3C
CSS parsing HTML과는 다르게, CSS는 context free grammer(문맥 자유 문법) 이기 때문에 General parser 에서 설명한 것과 같이 파싱할 수 있습니다. CSS 명세에는 CSS의 어휘와 구문이 정의되어 있습니다. CSS의 어
Render tree construction DOM 트리가 생성되는 동안, 브라우저는 Render Tree 를 생성합니다. Render Tree 는 시각적인 요소들을 화면에 나타나는 순서대로 가지고 있습니다. 이는 요소들을 올바른 순서대로 그리는 것을 목표로 합니다
이 글은 Tali Garsiel의 "How Browsers Work: Behind the scenes of modern web browsers"를 번역한 글입니다.Renderer 가 생성되어 트리에 추가될 때는 위치나 크기에 대한 정보를 가지고 있지 않습니다. 위치,
이 글은 Tali Garsiel의 "How Browsers Work: Behind the scenes of modern web browsers"를 번역한 글입니다.Painting 단계에서는, Render tree 를 순회하면서 renderer 의 painting() 메