728x90 반응형 CS12 [⭐️⭐️⭐️⭐️⭐️] 브라우저의 렌더링 원리 브라우저가 화면에 나타나는 요소를 렌더링할 때, 웹킷(Webkit)이나 게코(Geko) 등과 같은 렌더링 엔진을 사용합니다. 렌더링 엔진이 HTML, CSS, Javascript로 렌더링할 때 CRP(Critical Rendering Path)라는 프로세스를 사용하여 다음 단계들로 이루어집니다. 1. HTML을 파싱 후, DOM 트리를 구축합니다. 2. CSS를 파싱 후, CSSOM 트리를 구축합니다. 3. JavaScript를 실행합니다. 단, HTML 중간에 스크립트가 있다면 HTML 파싱이 중단됩니다. 4. DOM과 CSSOM을 조합하여 렌더트리를 구축합니다. 단, display: none; 속성과 같이 화면에서 보이지도 않고 공간을 차지하지 않는 것은 렌더트리로 구축되지 않습니다. 5. 뷰포트 기.. 2023. 3. 10. [CS/혼자 공부하는 컴퓨터 구조+운영체제] 비전공자도 이해하기 쉬운 CS 도서 추천 + 깃헙 정리 링크 공유 깃헙 이슈에 목차별로 정리해두었고, 편하게 star 해두고 보시면 좋을거 같습니다! GitHub - 1two13/CS: 혼자 공부하는 컴퓨터 구조 + 운영체제 혼자 공부하는 컴퓨터 구조 + 운영체제. Contribute to 1two13/CS development by creating an account on GitHub. github.com 개인적으로 비전공자인 제가 이해하기에도 쉬운 그림과 설명으로 되어있어서 재밌게 학습할 수 있었습니다! 그리고 유튜브에 고퀄리티의 무료 강의도 제공되고 있어서 추천드립니다! 질문이나 잘못된 점은 댓글로 남겨주세요 :)💖 2023. 3. 3. 이전 1 2 3 다음 728x90 반응형
