# Browser Rendering

chocoallergie

렌더링 성능 개선 | Layout, Paint | Composite

sunkim

최근에 휴직을 오래하다보니 개발 공부를 너무 소홀히 했다는 생각이 들어 면접준비할 겸 CS공부를 다시 하기 시작했다. 프론트엔드 면접질문 중에 기본적인 질문인 '브라우저 렌더링 과정'에 대해 정확하게 개념을 정립하고자 주소창에 google.com을 입력했을 때 일어나는

longcoat

Browser Rendering

lovaoi777

오늘은 브라우저 구조와 렌더링에 대하여 글을 써볼려구 합니다. 사용자 인터페이스 : 주소창, 뒤로/앞으로 버튼 등을 포함한 화면브라우저 엔진 : 사용자 인터페이스 와 렌더링 엔진 사이의 동작을 조작합니다. 유저가 주소창에 무언가 입력하면 브라우저는 이에 대해 쿼리하고

skgyaos3

Server에 Resources 요청 DOM Tree 및 CSSOM Tree 생성Render Tree 생성Javascript ParsingLayoutPaintServer에 Resource를 요청하여 HTML, CSS, Javascript, Image 등 Resource

maimade

rendering 위주로 정리

bumsu0211

브라우저는 어떻게 렌더링 되고, 어떤 항목을 개선해야 최적화되었다고 말할 수 있을까?

yongjin9660

렌더링: HTML, CSS, 자바스크립트로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력하는 것을 말함

nenonenoberneno

HTML, CSS, JavaScript 등 개발자가 작성한 문서를 브라우저에서 출력하는 과정대부분의 브라우저는 렌더링을 하는 렌더링 엔진을 가지고 있는데, 각 브라우저마다 사용하는 렌더링 엔진은 아래와 같다크롬 : 웹킷(Fork) ⇒ 블링크 (Blink)Fork: 소스