목록브라우저 (2)

늘 겸손하게

Frontend - 브라우저 렌더링 과정 요약

출처 : https://d2.naver.com/helloworld/59361 브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 자원을 응답받아 브라우저에 표시하는 일입니다. 서버에서 요청받은 자원을 사용자에게 출력하는 렌더링 과정을 요약해 보겠습니다. 브라우저 렌더링 과정 브라우저 렌더링은 브라우저가 요청한 문서를 얻는것으로부터 시작합니다. 통신으로 요청한 문서는 주로 8KB 단위로 전송됩니다. 브라우저의 렌더링 엔진은 HTML 문서를 파싱하고 "콘텐트 트리" 내부에서 태그를 DOM 노드로 변환합니다. 그 다음 외부 CSS 파일과 함께 포함된 스타일 요소도 파싱합니다. 이렇게 파싱된 HTML 문서와 스타일 요소로 "렌더 트리"를 생성합니다. 렌더 트리는 색상 또는 면적과 같은 시각적 속성이 ..
Programming/Frontend 2022. 7. 15. 18:30
브라우저 기초 + 브라우저 작동 원리

출처 : https://d2.naver.com/helloworld/59361 브라우저란? - 웹 페이지, 이미지, 비디오, 텍스트 등의 콘텐츠를 수신, 송신하고 사용자에게 표현하는 소프트웨어 브라우저의 주요 기능 - 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는것 - 자원은 보통 HTML 문서지만 PDF나 이미지 또는 다른 형태일 수 있다. - 자원의 주소는 URI에 의해 정해진다. - 브라우저는 HTML과 CSS 명세에 따라 HTML 파일을 해석해서 표시하는데 이 명세는 웹 표준화 기구인 W3C에서 정한다. 우리가 흔히 사용하는 브라우저 크롬, 사파리, 엣지, 파이어폭스, 삼성 인터넷, 오페라, 네이버 웨일 브라우저 기본 구조 출처 : https://d2.naver.com/helloworl..
Computer Science 2022. 5. 29. 23:15
이전 Prev 1 Next 다음