diff --git a/README.md b/README.md index 7213d9e37..ba0d78a67 100644 --- a/README.md +++ b/README.md @@ -65,3 +65,12 @@ CSRF나 XSS 공격을 막는 방법은 무엇일까요? 브라우저 렌더링 원리에 대해 설명해주세요. --- + +브라우저는 HTML, CSS, JavaScript 파일을 파싱하는 등 리소스를 처리하여 화면에 시각적으로 출력합니다. + +1. 브라우저는 HTML을 파싱하여 DOM 트리를 만들고, CSS를 파싱하여 CSSOM 트리를 생성합니다. + 트리의 각 노드는 HTML 요소입니다. +2. DOM 트리와 CSSOM 트리를 결합하여 렌더 트리를 생성합니다. +3. 레이아웃: 화면에 페인팅할 요소들의 크기나 위치를 계산합니다. +4. 페인팅: 각 노드를 화면에 그립니다. +5. 컴포지팅: 최종적으로 화면을 브라우저에 띄웁니다.