
홈페이지가 사용자에게 보이는 순서(브라우저 렌더링 과정) 주소창에 입력된 주소를 통해 서버를 찾아간다. 이후 DNS가 연결해줄 곳을 찾는다.(실제 서버) 서버에서 HTML 파일을 클라이언트로 보낸다. HTML 문서는 파싱되어 DOM을 생성한다.(객체 형식) 중간에 css를 로드하는 link혹은 style 태그를 만나면 DOM 생성을 중지한다. CSS를 파싱하고 CSSOM을 생성한다. 이렇게 만들어진 DOM와 CSSOM은 렌더링(브라우저에 시각적으로 출력하는 것)을 위해 렌더 트리로 결합된다. 만약 script 태그를 만나면, css와 동일하게 JS코드를 실행하기 위해 파싱을 중단한다. 이후 JS엔진을 실행하고 JS코드를 파싱한다. 브라우저 동작 요약 HTML로부터 DOM 트리를, CSS로부터 CSSOM ..
IT
2022. 5. 5. 20:29
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 도커컨테이너
- svelte
- submodule
- 삼전
- Next.js
- 카이제곱검정
- 블로그플랫폼
- wkt
- aws
- 역량테스트
- GeoPolygon
- Polygon
- polyfill
- konlpy
- 삼성전자
- architecting
- Python
- Plotly
- SW역량테스트
- docker
- cssom
- SCSA
- tsconfig
- ReactDOM
- choropleth
- 삼성
- react
- graphql
- 렌더트리
- DOM
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함