리액트 스터디 3탄) virtual DOM
·
웹/리액트
리액트를 다루는 기술을 참고하여 기술하였습니다.DOM이란?DOM은 Document Object Model의 약자로, 객체로 문서 구조를 표현하는 방법이다. 사용하는 언어는 html이나 xml이다. html은 자체적으로는 정적이다. 하지만 우리는 자바스크립트를 통해 이를 동적으로 만들수 있다. 하지만 이러한 DOM의 경우에는 치명적인 단점이 존재하는데, 바로 규모가 커지면 DOM에 직접 접근햇을때, 변화를 주려고 하면 성능 이슈가 발생한다.하지만 DOM자체는 느린것이 아닌데, 왜 이런 문제가 생기는것일까?바로 DOM에서 변화가 생길때, 렌더링을 하는 시간이 걸리는것이다.이를 해결하기 위해서 virtual DOM을 사용하게 된다.virtual DOM앞서, dom을 직접적으로 조작할때, 연산이 많아지면 다양한..