728x90 ViTE1 [SeSAC] React 시작하기 JS를 사용하며 필요할 때마다 요소(Element)를 생성한 경험이 있을 것이다.const liTag = document.createElement("li");const divTag = document.createElement("div");liTag.append(divTag);DOM조작을 통해 트리에 정보를 업데이트 시켜 화면에 나타나게 한다.이러한 작업이 반복되고 더욱 복잡하다면 reflow가 발생해 큰 비용과 성능에 문제가 발생한다.reflow: 요소의 너비, 높이, 위치 등이 변경되어 렌더트리 재생성Virtual DOMJS Object로 만들어진 DOM두개의 가상돔 객체를 가진다.렌더링 이전 화면 구조렌더링 이후에 보이게 될 화면 구조어떤 이벤트로 인해 DOM조작이 필요하여 내용이 변한다면가상돔에 먼.. 2024. 11. 4. 이전 1 다음