다른 사람이 정리한 레퍼런스들 보면서 내가 걍 다시 복습하려고 정리하는 TIL이라서 가독성 0임 💯1. 브라우저 렌더링 원리⇒ 우선 렌더링이 뭐냐 ?컴퓨터 프로그램을 이용해 데이터를 이미지로 변환하거나, 여러 요소를 하나의 파일로 합치는 과정⇒ 그럼 렌더링 엔진은 ?브라우저마다 렌저링 수행하는 엔진을 가지고 있는데, ex) 크롬 → 블링크, 사파리 → 웹킷 등브라우저 렌더링 작동 방식 : CRP라는 프로세스 사용!1. HTML을 파싱해서 DOM트리 구성2. CSS를 파싱해서 CSSOM트리 구성 3. javascript(동작) 실행 4. DOM과 CSSOM을 조합해서 렌더트리 구축 5. 레이아웃 단계: 뷰포트 기반으로 랜더트리의 각 노드가 가지는 위치와 크기 계산 6. 페인트 단계: 계산한 위치 크기 기..
