브라우저가 그려지는 원리 및 가상돔
React2023. 12. 8. 17:35브라우저가 그려지는 원리 및 가상돔

리액트의 주요 특징 중 하나는 가상( Virtual ) 돔을 사용하다는 것이다. 그럼 가상돔에 대해서 알아봐야하는데 우선 가상돔을 왜 사용하는지 알기 위해서 먼저 실제 ( Real ) 돔( DOM ) 에 대해서 알아보고 브라우저가 렌더링하는 과정에 대해서도 알아보자 HTML을 이용한 화면에 UI 표현하기 브라우저에서 UI를 볼 수 있는 것은 이 HTML 을 분석해서 보여줄 수 있기 때문이다. 이 HTML은 요소 ( Element ) 들로 구성되어 있다. 돔 이란? ( Document Object model ) 위에서 보는 웹 페이지를 이루는 요소들을 자바스크립트가 이용할 수 있게끔 브라우저가 트리 구조로 만든 객체 모델을 의미한다. 돔 조작 위에 보이는 DOM 트리를 DOM 에서 제공해주는 API를 이용..

image