Chrome (4) 썸네일형 리스트형 Inside look at modern web browser (part 1) 이 글은 아래 원문을 번역한 글로 의역이 있을 수 있습니다. 정확한 의미를 파악하고 싶으신 분은 원문을 참고해주시기 바랍니다. 원문: https://developer.chrome.com/blog/inside-browser-part1 저작권 정보: https://developer.chrome.com/blog CPU, GPU, Memory, 그리고 멀티 프로세스 아키텍처 4부작으로 된 이 블로그 시리즈에서는, 크롬 브라우저의 내부를 고수준의 아키텍처부터 렌더링 파이프라인의 구체적인 내용까지 살펴볼 것이다. 브라우저가 당신이 짠 코드를 어떻게 기능적인 웹사이트로 바꾸는지, 혹은 왜 특정 기술이 성능 향상을 위해 추천되고는 하는지 잘 모르겠다면, 바로 이 시리즈를 보면 된다. 시리즈의 파트 1 에서는, 컴퓨터의.. Key data structures and their roles in RenderingNG(한글)(2) 이 글은 아래 원문을 번역한 글로 의역이 있을 수 있습니다. 정확한 의미를 파악하고 싶으신 분은 원문을 참고해주시기 바랍니다. 원문: https://developer.chrome.com/blog/renderingng-data-structures/ 저작권 정보: https://developers.google.com/terms/site-policies Display lists and paint chunks 디스플레이 항목에는 Skia로 래스터화할 수 있는 로우 레벨의 드로잉 명령(여기 참조)이 포함되어 있다. 디스플레이 항목은 테두리 또는 배경 그리기와 같은 몇 개의 도면 명령만으로 되어있어 일반적으로 간단하다. 페인트 트리 워크는 CSS 도장 순서에 따라 배치 트리 및 관련 조각 위로 반복되어 표시 항목 .. Key data structures and their roles in RenderingNG(한글)(1) 이 글은 아래 원문을 번역한 글로 의역이 있을 수 있습니다. 정확한 의미를 파악하고 싶으신 분은 원문을 참고해주시기 바랍니다. 원문: https://developer.chrome.com/blog/renderingng-data-structures/ 저작권 정보: https://developers.google.com/terms/site-policies 이 글은 크롬 렌더링 엔진에 있는 시리즈의 일부분이다. 렌더링NG, 아키텍처, VideoNG 및 LayoutNG에 대해 자세히 알아보려면 나머지 시리즈를 확인하십시오. 이 시리즈의 이전 게시물에서는 렌더링NG 아키텍처의 목표, 주요 속성 및 고급 구성요소 조각에 대한 개요를 제공했다.이제 렌더링 파이프라인에 대한 입력 및 출력인 주요 데이터 구조(data st.. Overview of the RenderingNG architecture (한글) 이 글은 아래 원문을 번역한 글로 의역이 있을 수 있습니다. 정확한 의미를 파악하고 싶으신 분은 원문을 참고해주시기 바랍니다. 원문: https://developer.chrome.com/blog/renderingng-architecture/ 저작권 정보: https://developers.google.com/terms/site-policies 이 글은 크롬 렌더링 엔진에 있는 시리즈의 일부분이다. 렌더링NG, 주요 데이터 구조, VideoNG 및 LayoutNG에 대해 자세히 알아보려면 나머지 시리즈를 확인하십시오. 이전 게시물에서는 렌더링NG 아키텍처 목표와 주요 속성에 대한 개요를 제공했다. 이 게시물에는 구성 요소 조각의 설정 방법과 렌더링 파이프라인이 어떻게 구성 요소를 통과하는지 설명된다. 가장.. 이전 1 다음
