목록렌더링 (1)

준준의 기록일지

[React] DOM과 가상 DOM 개념 및 렌더링

DOM과 가상 DOM에 대해 이해해보자. 리액트와 상태관리 툴(리덕스 등)을 사용할때 불변성을 항상 신경써야된다. DOM (Document Object Model) 단순히 다큐먼트(웹페이지)를 객체로 표현하는 모델을 의미한다. 브라우저가 DOM을 이용해 화면을 렌더링하는 방법. 브라우저는 html태그를 파싱하여 돔 트리를 구성한다. 브라우저는 스타일시트에서 css를 파싱하여 스타일 규칙들을 만들어낸다. 위에서 언급한 돔 트리와 스타일 규칙 두 가지를 합쳐서 렌더 트리를 만든다. - 주의할 점 : 렌더 트리는 화면에 반영되는 것만 가지고 있기에 HTML의 모든 정보를 표현하는 돔 트리와 일대인 관계는 성립되지 않는다. 즉, 렌더 트리에는 없어도 돔 트리에는 있을 수 있는 것이다. 가상 돔(Virtual D..
ReactJS 2021. 2. 19. 10:08
이전 Prev 1 Next 다음