[FE] 브라우저의 렌더링 과정 : Chromium의 렌더링 파이프라인(Rendering Pipeline)

우리가 브라우저의 주소창에서 특정한 주소를 쳤다고 해보자. 그 주소가 http://www.hello12321.com:80/index.html 라고 쳐보자.

클라이언트의 브라우저가 웹 페이지를 띄우기까지의 아주 간략하게만 이야기하자면 다음과 같은 과정을 거칠 것이다. 1. 브라우저가 www.hello12321.com이라는 호스트 명을 추출한다. 2.

브라우저가 이 호스트 명에 대한 IP 주소를 찾는다. ex) 202.43.78.3 3. 브라우저가 포트번호(80)을 얻는다. 4.

브라우저가 202.43.78.3 의 80번 포트로 TCP 커넥션을 생성한다. 5. 브라우저가 서버로 HTTP GET 요청 메시지를 보낸다. 6.

브라우저가 서버에서 온 HTTP 응답 메시지를 읽는다. 7. 브라우저가 커넥션을 끊는다.

우리가 봐야 할 부분은 6번의 응답 부분이다. 응답으로 온 html과 css는 화면을 띄워내야 하는 브라우저 입장에서 보기에는 결국 단순한 텍스트들에 불과하다.

이 텍스트들과 사진...

요청 처리 중입니다...

[FE] 브라우저의 렌더링 과정 : Chromium의 렌더링 파이프라인(Rendering Pipeline)

등록된 다른 글