FE 기술면접1 FE 기술 공부 1탄 1. DOM 웹 문서의 프로그래밍 인터페이스(웹 브라우저가 이해할 수 있는 구조) 모든 요소와 속성들이 개체를 형성하고, 트리 형태로 구성됨 DOM 형성 과정 HTML을 파싱받아 DOM 트리 생성 CSS파일을 파싱받아 CSSOM 트리 생성 위 둘을 결합하여 Render 트리 생성 [참고] css에서 display: none 일 경우, Render 트리에서 제외됨 [참고] css에서 visibility: invisibe일 경우, Render 트리에 포함됨 웹 브라우저의 스크린에서 각 개체들의 위치와 크기 계산 각 개체들의 텍스트, 색상 등을 적용하여 실제 우리가 보는 화면을 구현 2. Virtual DOM 실제 DOM의 복사본 JavaScript에서 구현됨 Virtual DOM 작동 과정 DOM의 개체들이.. 2021. 4. 7. 이전 1 다음