Front-end (10) 썸네일형 리스트형 1. 인터넷이란 무엇인가? - 1 원문 : roadmap.sh/guides/what-is-internet Developer Roadmaps Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve. roadmap.sh 인터넷은 무엇인가? 인터넷에서 정보는 어떻게 움직이는가? 네트워크는 서로 어떻게 대화하고 관련 프로토콜은 어떻게 이루어지는가? 패킷, 라우터 및 안정성 HTTP 및 HTML – 브라우저에서 이 웹 페이지를 어떻게 보고.. Critical Rendering Path Critical Rendering Path(CRP)는 HTML, CSS, JavaScript를 화면의 픽셀로 변환하기 위해 브라우저가 거치는 과정입니다. 앞으로 CRP로 축약해서 사용하겠습니다. CRP에는 Document Object Model(DOM), CSS Object Model(CSSOM), Render tree 및 Layout이 있습니다. 1. HTML을 서버에게 받은 후, 파싱을 해서 DOM(Document Object Mode) 트리 구축 2. HTML에 링크된 CSS 파싱 후, CSSOM(CSS Object Model) 트리 구축 -> CSS는 렌더링 차단 리소스이므로 파싱 중에는 렌더링이 차단된다. -> 이는 CSS가 Cascade의 속성을 가졌기 때문이다. 3. JavsScript 실행.. 이전 1 2 다음