[Web] 웹페이지가 브라우저에 렌더링되는 과정
브라우저의 렌더링 과정 렌더링이란? HTML,CSS, 자바스크립트 등 개발자가 작성한 문서가 브라우저에서 출력되는 과정을 말한다. 브라우저마다 다르지만, 브라우저는 렌더링을 수행하는 렌더링 엔진을 가지고 있다. ex) 크롬 → 블링크(Blink), 사파리 → 웹킷(Webkit), 파이어폭스 → 게코(Gecko) 렌더링 과정 1. DOM, CSSOM 트리 생성 사용자가 브라우저를 통해 웹사이트에 접속하면, 서버로부터 HTML, CSS 등 웹 사이트에 필요한 리소스를 다운로드 받는다. 브라우저가 페이지를 렌더링 하려면, 먼저 HTML 코드는 DOM, CSS는 CSSOM 트리를 생성해야한다. DOM(Document Object Model) 트리 생성 변환 : 브라우저가 HTML의 원시 바이트를 읽어와서, HT..
2023. 3. 27.
[Web] 브라우저 동작 방법
브라우저란? 웹 브라우저는 동기적으로 HTML+CSS, JavaScript 언어를 해석하여 내용을 화면에 보여주는 응용 소프트웨어다. 웹 브라우저가 웹 서버에 필요한 자원(웹 페이지)을 요청하면 서버는 응답하고, 웹 브라우저는 이를 해석한 후 사용자(Client)에게 보여준다. 보통 자원은 HTML 문서지만 PDF, 이미지 등 다양한 형태일 수 있다. 웹 브라우저의 대표적인 예로는 크롬, 사파리, 네이버 웨일, 파이어폭스 등이 있다. 브라우저의 구조 1. 사용자 인터페이스 사용자가 접근할 수 있는 영역 URI를 입력할 수 있는 주소 표시줄, 이전/다음 버튼, 북마크 메뉴, 새로 고침 버튼과 현재 문서의 로드를 중단할 수 있는 정지 버튼 , 홈 버튼 등 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부..
2023. 1. 15.
