프론트엔드1 [면접] 프론트엔드 기술면접 프론트엔드 기술면접을 위해 여러 자료를 공부하고 정리하면서 업데이트 중입니다. 중요도 ★★★★★ 브라우저 렌더링 과정 HTML 파싱 후, DOM(Document Object Model) 트리 구축 CSS 파싱 후, CSSOM(CSS Object Model) 트리 구축 Javascript 실행 주의! HTML 중간에 스크립트가 있다면 HTML 파싱이 중단된다. DOM과 CSSOM을 조합하여 렌더트리(Render Tree) 구축 주의! display: none 속성과 같이 화면에서 보이지도 않고 공간을 차지하지 않는 것은 렌더트리로 구축되지 않는다. 뷰포트 기반으로 렌더트리의 각 노드가 가지는 정확한 위치와 크기 계산 (Layout/Reflow 단계) 계산한 위치/크기를 기반으로 화면에 그림 (Paint 단.. 2023. 2. 16. 이전 1 다음
