diffing algorithm1 [React] 렌더링 목차리액트 렌더링리액트 렌더링 과정 가상돔재조정diffing algorithmstate와 props 차이리액트 렌더링 최적화 기법 리액트 렌더링먼저 브라우저 렌더링에 대해 알아보고 비교해보자.브라우저 렌더링렌더링 엔진 : 사용자가 볼 화면을 그려내는 역할자바스크립트 엔진 : JS 코드를 읽어내 기능을 작동시키는 역할 Critical Rendering Path렌더링 엔진이 HTML -> DOM 트리, CSS -> CSSOM 트리 으로 파싱하여 변환한다.이 둘을 합쳐 Render Tree를 구축한다. Render Render Tree는 웹페이지의 청사진이라 볼 수 있다.Layout - Render Tree를 기반으로 실제 웹 페이지에 요소들의 배치를 결정하는 작업Painting - 화면에 실제 픽셀로 그려지.. 2024. 9. 29. 이전 1 다음
