Search
Duplicate

브라우저의 렌더링 과정

간단소개
팔만코딩경 컨트리뷰터
ContributorNotionAccount
주제 / 분류
Web
Browser
Scrap
태그
9 more properties

목차

서론

프론트엔드 개발자는 브라우저라는 플랫폼 위에서 동작하는 어플리케이션을 만드는 개발자다. 그저 렌더링 페이지를 만들고 비즈니스 로직을 구현하는 것이 전부일 뿐이라면 브라우저가 어떻게 동작하는지 알 필요없이 그냥 자신이 짠 HTML, CSS, JS 코드가 잘 작동하는지 보면 되겠지만, 복잡한 웹 어플리케이션을 만들게 된다면 이야기는 달라진다. 다양한 인터렉션과 화려한 애니메이션을 넣다 보면 결국 브라우저 단에서 최적화가 필요하게 된다. 그러기 위해선 필히 브라우저의 동작 과정을 이해하고 있어야 한다. 그래서 브라우저가 페이지를 렌더링 하는 과정에 대해 공부하고 정리해보고자 한다.