Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 메모리와 캐시 메모리
- JavaScript
- 코딩 자율학습
- 코딩 자율학습 html + css + 자바스크립트]
- 코딩
- 자바스크립트
- css필수 속성
- https://api.jquery.com/
- 브라우저 렌더링 원리
- 혼자 공부하는 컴퓨터구조+운영체제
- html 필수태그
- CSS
- do it! html+css+자바스크립트 웹 표준의 정석
- Do it
- TS
- Git
- 이벤트버블링
- JS
- cpu 성능 향상 기법
- do it! 한권으로 끝내는 웹 기본 교과서 html+css+자바스크립트 웹 표준의 정석
- 코딩 자율학습 html + css + 자바스크립트
- 비대칭키 암호화
- HTML
- 이벤트
- CPU
- propschildren
- 코딩자율학습
- css배경
- react
- css박스 모델
Archives
- Today
- Total
목록브라우저 렌더링 원리 (1)
게으른 나에게
[웹 개발 지식] - 브라우저 렌더링 원리
브라우저 렌더링 원리웹 브라우저는 HTML, CSS, JavaScript가 조화를 이루며 작동.이처럼 각 요소가 올바르게 동작하도록 하려면, 브라우저가 이 코드들을 어떤 순서로 해석하고 처리하는지, 즉 렌더링 순서를 이해하는 것이 중요.이를 통해 더 최적화된 코드를 작성 가능 브라우저 렌더링 단계 개념HTML 파싱 및 DOM 트리 생성서버로부터 받은 HTML 파일을 브라우저가 해석(파싱)해야 함 → HTML 파일은 문자열로 이루어져 브라우저 이해 불가능파싱을 통해 HTML 파일 해석 → 페이지의 구조와 내용을 표현하는 DOM Tree로 변환하는 단계.이 트리는 각 HTML 태그와 텍스트 노드를 계층 구조로 나타냄.CSS 파싱 및 CSSOM 트리 생성HTML 문서에 포함되거나 외부에서 불러온 CSS 파일을..
My Study/CS
2025. 4. 2. 21:03