리페인트1 [웹 기본 쌓기] 렌더링, 리플로우/리페인트 근래 이런저런 자료를 접하며 부족했던 기본 지식을 쌓고 있다. 특히 개발할 때 MDN 문서를 자주 참고하며 도움을 얻는 편이었는데, 이 MDN에 좋은 문서들이 많아 시간 날 때 조금씩 읽는 중. 이미 문서로 나와있는 내용이지만 블로그에 남기며 한 번 더 복습을 하게 되므로... 읽은 것을 백업 겸 가볍게 끄적인 내용을 적는다. 렌더링은 어떻게 될까? (중요 렌더링 경로, Critical Rendering Path) 중요 렌더링 경로 : 렌더링 과정을 일컫는 말(정확히는, 브라우저가 HTML, CSS, JS를 화면상의 픽셀로 변환하는 단계). 브라우저는 요청을 통해 웹페이지에 대한 정보를 받아서 아래와 같은 과정을 거친다. 1. HTML을 분석한다(이때 분석을 파싱이라고 함). 분석한 HTML을 가지고 D.. 2024. 1. 10. 이전 1 다음