기타/기술자료1 브라우저 렌더링 동작 원리 ■ 렌더링 엔진 : 서버에서 요청받은 내용을 브라우저 화면에 표시하는 역할 브라우저 렌더링 엔진 IE Trident Chrome Webkit, Blink(버전 28 이후) Safari Webkit FireFox Gecko ■ 브라우저 렌더링 과정 : 리소스 파일 파싱 - RENDER 트리 생성 - 배치 - Paint 브라우저 주소창에 www.naver.com 입력 -> DNS 가 www.naver.com 주소의 서버를 찾음 -> HTTP/HTTPS 방식으로 통신 -> HTML, CSS 등 리소스 파일을 브라우저에게 보냄 -> 브라우저는 텍스트 형태의 리소스 파일 파싱 -> 한줄씩 읽으며 DOM 트리 생성 if) -> 중간에 link 태그를 만나 CSS 요청 발생 시, CSS 파싱하며 CSSOM 트리 생성.. 2021. 11. 8. 이전 1 다음