이 글에서는 react로 많이 넘어온 이유들 중 virtualDOM 등장 전후 배경에 대해서만 다룬다. virtualDOM 전의 기존 배경 1. 비효율적인 브라우저의 렌더링 과정 브라우저의 렌더링 가정을 간략화하자면 다음과 같다. 개발자가 작성한 HTML 파일을 브라우저가 받는다. 웹 엔진의 HTML/XML parser가 HTML 파일을 파싱하여 DOM node로 이루어진 DOM tree를 생성한다. 이후 css 파일도 CSS parser가 파싱하여 CSSOM tree를 생성한다. 생성된 DOM tree와 CSSOM tree를 합쳐서 render tree를 생성한다. Layout 단계 이전에 브라우저의 자바스크립트 엔진이 JS파일을 읽어 DOM API를 사용해 render tree를 변경. Layout ..
