목록Programming/Frontend (13)

늘 겸손하게

Frontend - 브라우저 렌더링 과정 요약

출처 : https://d2.naver.com/helloworld/59361 브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 자원을 응답받아 브라우저에 표시하는 일입니다. 서버에서 요청받은 자원을 사용자에게 출력하는 렌더링 과정을 요약해 보겠습니다. 브라우저 렌더링 과정 브라우저 렌더링은 브라우저가 요청한 문서를 얻는것으로부터 시작합니다. 통신으로 요청한 문서는 주로 8KB 단위로 전송됩니다. 브라우저의 렌더링 엔진은 HTML 문서를 파싱하고 "콘텐트 트리" 내부에서 태그를 DOM 노드로 변환합니다. 그 다음 외부 CSS 파일과 함께 포함된 스타일 요소도 파싱합니다. 이렇게 파싱된 HTML 문서와 스타일 요소로 "렌더 트리"를 생성합니다. 렌더 트리는 색상 또는 면적과 같은 시각적 속성이 ..
Programming/Frontend 2022. 7. 15. 18:30
이전 Prev 1 2 3 4 Next 다음