Santos의 개발블로그

* 이 글은 Inside look at modern web browser을 참고해 정리한 글입니다. 최신 웹브라우저 들여다보기 (2부) | Blog | Chrome for Developers 브라우저에서 탐색 요청을 처리하는 방법을 알아봅니다. developer.chrome.com 1. 핵심 컴퓨팅 용어와 크롬의 다중 프로세스 아키텍처 2. 웹 사이트를 표시하기 위해 각 Process와 Thread가 통신하는 방법 3. renderer process 내부에서 발생하는 일 4. Chrome의 내부 동작 총 4부작으로 구성된 글 중 이번 글은 2번째 웹 사이트를 표시하기 위해 각 Process와 Thread가 통신하는 방법이다. 바로 알아보자. 1. Browser Process 1부에서 이야기했듯이 탭 외부..

* 이 글은 Inside look at modern web browser을 참고해 정리한 글입니다. Inside look at modern web browser (part 1) - Chrome for Developers Learn how browser turn your code into functional website from high-level architecture to the specifics of the rendering pipeline. developer.chrome.com 한 때 면접준비를 할 때 항상 받았던 질문들이 기억이 나곤한다. 그 때 당시에는 달달 외워 급하게 시험을 치르듯 겉만 핧기 형식으로 공부를 했어서 면접관이 꼬리를 한 번 물면 그냥 물릴 수 밖에 없었던... 그런 슬픈 기억..

* 이 글은 Get All That Network Activity Under Control with Priority Hints 를 번역 및 정리하였습니다. Get All That Network Activity Under Control with Priority Hints The browser is very good at prioritizing resources requests on its own. But it's not always great. Priority hints makes it easy to provide explicit instructions as to how and in what network activity occurs. www.macarthur.me 브라우저의 네트워크 탭을 열면 많은 활동..

* 이 글은 How the browser renders a webpage? - DOM, CSSOM and Rendering을 번역하였습니다. How the browser renders a web page? — DOM, CSSOM and Rendering In this article, we will deep dive into DOM and CSSOM to understand how the browser renders a webpage. Brower blocks some rendering of a… medium.com 브라우저의 Rendering (2) -operation 에서는 Layout, Paint, Compositing에 대해서 살펴봅니다. Rendering Sequence DOM, CSSOM 그리고..