파싱
-
[CS Study] 브라우저 랜더링 과정구버전/CS Study 2024. 2. 14. 22:39
개요 1. WHY? 2. 브라우저 랜더링 과정 3. Reflow / Repaint 4. CRP ✅ why? 📦 내가 느끼는 브라우저 랜더링이 중요한 이유 대부분의 프로그래밍 언어는 운영체제 또는 가상머신에서 실행되지만 자바스크립트의 경우 클라이언트에서 실행되기에 랜더링 과정을 통해서 어떻게 실행되는지 파악해야한다.(Node.js에서 실행시에는 다름) 브라우저에서 HTML, CSS, JS는 함께 실행된다. 화면이 그려지는 원리에 대해 파악함으로써 어느 부분에서 문제가 일어났는지 예측할 수 있고 이를 토대로 효율적이고 의도에 맞게 코드를 작성할 수 있다. 사용자 경험을 향상시키기 위한 성능 최적화 시에 어떤 부분을 얼마만큼 최적화 시켰는지 최적화 시킬 수 있는 요소는 어떤 것이 있는지 알 수 있다. 클라이언..