
📑 개요 이것을 알기 위해선 일단 HTML 렌더링과 돔을 알아야 할 것 같은데...🤔 자세히 들어가면 엄청 길어질 것 같으니 자세한 부분은 일단 넘어가고 렌더링 과정부터 시작해서 설명하기로! 🕙 브라우저의 렌더링 과정 렌더링 과정은 브라우저의 렌더링 엔진이 담당하고 있으며, 사용자가 HTML, CSS, JavaScript 등을 작성하면 브라우저는 코드를 해석하고 렌더링 과정을 거쳐 최종적인 화면을 생선한다. JavaScript는 주로 DOM을 변경하거나 이벤트를 처리하여 사용자와 상호작용하는 부분에서 중요한 역할을 한다. 1. DOM 트리 생성 → 2. CSSOM 트리 생성 → 3. 렌더트리 생성 → 4. 레이아웃 → 5. 페인팅 → 6. 합성 문서 객체 모델(DOM) 생성: 브라우저는 HTML 문서를 ..