[JavaScript] 브라우저 렌더링

렌더링이란 HTML, CSS, JavaScript 등을 브라우저에서 그래픽 형태로 출력하는 과정을 말한다. 렌더링을 알아두면 어떻게 좋은 성능을 낼지, 최적화를 할지를 판단할 수 있다. 이번 글을 통해선 렌더링 방식을 이해하고 최적화에 대해선 따로 자세히 다루겠다. 🔨 렌더링 엔진 대부분의 브라우저는 렌더링을 해주는 렌더링 엔진(Rendering Engine)을 가지고 있다. 다만 모든 브라우저가 같은 렌더링 엔진을 사용하지는 않는다. IE : Trident Edge : EdgeHTML, Blink Chrome : Webkit, Blink(웹킷을 Fork 하여 자체 구현) Safari : Webkit FireFox : Gecko 각각의 렌더링 엔진들은 웹 표준을 따르며 브라우저를 렌더링 한다. 하지만 렌..