개발자가 되기 위한 꿀팁 및 정보

[기술면접준비] 웹페이지가 브라우저에 랜더링되는 과정

푸른매실 2023. 3. 27. 14:43

웹페이지가 브라우저에 랜더링되는 과정 웹페이지가 브라우저에 랜더링되는 과정은 크게 다음과 같습니다.

 

1. 브라우저는 사용자가 입력한 URL 주소를 이용하여 웹 서버에 HTTP 요청을 보냅니다.

2. 웹 서버는 해당 요청을 받아서 처리한 후, 필요한 HTML, CSS, JavaScript 등의 파일들을 브라우저에게 전송합니다.

3. 브라우저는 전달받은 HTML 파일을 파싱하여 DOM Tree를 생성합니다.

4. CSS 파일을 파싱하여 CSSOM Tree를 생성합니다.

5. DOM Tree와 CSSOM Tree를 결합하여 Render Tree를 생성합니다.

6. Render Tree의 노드들을 이용하여 각 요소들의 크기, 위치 등을 계산하여 화면에 표시합니다.