virtualdom 2

리액트 1. 리액트 이해, 초기렌더링, render함수 ,DOM,리렌더링, Virtual DOM 뭔지 용어 (반복학습)

자바스크립트는 현재 웹 어플리케이션에서 가장 혁신적인 역할을 하고 있다 . 영역을 확장하여 서버 사이드는 물론 모바일 , 데스크톱 어플리케이션에도 적용이 가능하다. 이렇게 자바스크립트만으로 규모가 큰 애플리케이션을 만들기위해 여러 프레임워크 들이 등장하게 되웠다. 주로 MVC, MVVM 아키텍처를 사용한다. 페이스북 개발 팀은 이를 해결하기 위해 어떤 데이터가 변화 할 때마다 어떤 변화를 줄지 고민하는것이 아니라 기본 뷰를 버리고 처음부터 새로 렌더링하고자 하였다 그런데 변화에 따라 렌더링을 계속하면 cpu 점유율도 크게 증가하고 메모리도 많이 사용하게 된다. 그래서 성능을 최대한 아끼면서 사용할 수 있도록 개발한 것이 리액트 이다. 리액트 이해 리액트는 MVC MVW 등인 프레임워크와 달리 오직 Vie..

DOM 가상돔이란? 리액트 가상돔

DOM이란? → Document Objhect Model DOM (Document Object Model) 돔 이라 불리우는 이 것은 → 객체 문서 모델 객체로 문서 구조를 표현하는 방법이다. 트리 형태이며 XML, HTML 로 작성한다. Elements 요소 = html 하나 하나의 요소 를 말한다 Document 문서 ! = 이 모든 요소들을 담고 있는 웹 페이지 를 말한다. 브라우저 (컴퓨터 화면 ) ⇒ 이 페이지에 해당하는 html 을 분석해서 화면에 멋지게 띄어준다 그렇다면 DOM이란 웹페이지에 들어있는 요소( html element )들을 트리형태 구조로 표현한 것이다. 아래 그림 첨부 가상돔 Virtual DOM → 리액트는 가삼동을 사용하여 실제 돔을 조작하는 일을 엄청 나게 빠르게 도와준..

cs 2023.01.18