«   2024/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Archives
Today
Total
Recent Posts
Recent Comments
관리 메뉴

뉴히의 개발 로그

[TIL][CS] 20230829 - 브라우저는 어떻게 동작하는가? 본문

개발일지/TIL

[TIL][CS] 20230829 - 브라우저는 어떻게 동작하는가?

뉴히 2023. 8. 29. 16:24

 

브라우저는 사용자가 확인하려고자 하는 웹페이지를 서버에 요청해서 응답을 받아 동기적으로 HTML+CSS, javascript 언어를 해석해서 내용을 화면에 보여줍니다. 브라우저는 HTML과 CSS 파일 파싱하여 각 DOM Tree, CSSOM Tree를 만듭니다. → 두 파싱 TREE를 결합하여 Rendering Tree생성 → 각 노드의 위치와 크기를 계산 → 각 노드를 화면상의실제 필셀로 변환하고 레이어를 만듭니다. 그리고 화면에 보여줍니다. 이로써 화면에서 웹페이지를 볼 수 있습니다.

 

https://bbangson.tistory.com/87
https://bbangson.tistory.com/87

NAVER D2 https://d2.naver.com/helloworld/59361

https://poiemaweb.com/js-browser

https://bbangson.tistory.com/87

'개발일지 > TIL' 카테고리의 다른 글

[TIL] 20230831 - Youtube API 사용 동영상 삽입, 유튜브 썸네일 사이즈별 추출  (0) 2023.08.31
[TIL]20230830 - GET, POST 개념과 방식의 차이점, 데이터 흐름  (0) 2023.08.30
[TIL] 20230828 - 오류 + 오류 + 오류ㅠㅠㅠㅠㅠㅠ !!!!!!!!!! slide custom 오류 react-dom.development.js:86 Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?  (0) 2023.08.28
[TIL] 20230825 - typescript '{ created_at: string; id: string; matching: boolean | null;...}' 형식에 'filter' 속성이 없습니다.  (0) 2023.08.25
[TIL] 20230823 - 비동기 함수와 dispatch : 로그인 사용자 정보 리덕스 툴킷으로 보내기  (0) 2023.08.24
'개발일지/TIL' Related Articles more