리플로우, 리페인트와 브라우저 렌더링 알아보기
🙂 이번 시간에는 브라우저 렌더링 과정 그리고 리플로우, 리페인트에 대해 알아보았다! 1. 브라우저 렌더링 과정 1) 브라우저는 어떻게 화면을 그릴까? 우리는 주소를 이용해 사이트에 접속한다. 사이트 주소는 대게 'http://www.xxxx.com' 형식이며, 이를 도메인 주소라고 부른다. ❓ 그런데 브라우저는 IP 주소를 사용한다고 들었는데, 도메인 주소를 어떻게 IP 주소로 바꾸는 걸까? 방법은 아래와 같다. 사용자가 www.google.com(도메인 주소)에 접속한다. 이때 브라우저는 도메인 주소로 네트워크 요청을 보낸다. 네트워크에서는 DNS서버를 사용해, 도메인 주소에 해당하는 IP주소를 찾는다. 찾은 IP주소로 요청을 전송하여 도메인 주소에 해당하는 리소스(html)를 응답으로 받는다. ❓ ..
2023. 1. 2.
