# VirtualDOM
React가 VirtualDOM을 활용하는 방법
원티드 프리온보딩 프론트엔드 챌린지 4월 - 리액트 해부학VirtualDOM, Reconciliation, FibercreateRoot()과 render()의 역할React가 Reconciliation을 통해 화면을 그리는 방법Fiber Reconciler의 rende
React와 Virtual DOM
Virtual DOM의 탄생 배경 DOM(Document Object Model)이란..? DOM은 웹 페이지를 이루는 HTML 태그들을 자바스크립트가 이용할 수 있게 브라우저가 트리구조로 만든 객체 모델을 의미한다. DOM Tree 안에는 각각의 element에 상
React - Virtual DOM
리액트 사용하면서 가상돔에 대한 기초적인 부분을 들었던 것 같은데.. 생각해보려고 하면 잘 떠오르지 않아 글을 적으면서 이해를 해야겠다는 생각을 했다. 가상 돔(Virtual DOM)에 대해 한번 알아보즈아!먼저 가상 돔을 알아보기 전에 DOM에 대해 알아보고 가보자.
DOM의 새로운 발견! Virtual DOM 동작 원리
브라우저 렌더링 과정 HTML은 렌더링엔진(사파리는 WEB KIT 파이어폭스는 Gecko ...) 을 거쳐 DOM 트리를 생성한다. DOM 트리 : HTML를 파싱하여 DOM 노드로 이루어진 트리 CSS는 렌더링엔진 을 거쳐 CSSOM 트리를 생성한다. DOM과
가상돔(VirtualDOM) deep dive
가상돔 원리... 복잡해 보이는데? >SPA 웹 기술에 근간 가상돔 근데 이거 어떻게 만들었지? 그냥.. 갑자기 궁금해졌다. 가상돔 만들 생각은 왜 했으며(why, how), 어느 단계에서 가상돔을 메모리에 올리는지. diff 알고리즘은 구체적으로 어떻게 걸러내는건지
React - Vitrual Dom(가상 돔) 이란?
2023.01.27(금) 설 연휴 과제 References | Dom vs Virtual DOM Dom(Document Object Model)이란? 웹 페이지를 이루는 태그들(html, head, body 등)을 자바스크립트가 이용할 수 있게끔 브라우저가 트리구조로
#1. DOM 극복하기 위한 Virtual DOM
DOM은 무엇인가 > #### 요약 Document Object Model의 약자 동적 프로그래밍 언어의 연결고리
[Today I Learned] 12월 1주차 day2
react는 라이버리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.React는 facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수 있다.웹/앱의 View를 개발할 수 있도록 하는 인기있는 라이브러리라고 볼 수 있다.component 기반구조virtua
[Web] 가상돔 (Virtual DOM) 작성해보기 (2) - JSX
이전 게시물과 이어짐이전 게시물에서 리얼 DOM 트리를 가상돔으로 작성해보는 작업을 해봤었는데, 가상돔은 가독성이 좋지 못하다. 실제로 내가 가상돔을 작성해보면서 가독성 측면에서 보았을 때는 단점이라는 생각이 들었다.이러한 가상돔의 단점을 해결하기 위해 JSX가 나타나
[Web] 가상돔 (Virtual DOM) 작성해보기 (1)
💡 가상돔(Virtual DOM) 한줄 정리! 가상돔은 HTML 뷰에 변화가 있을 때, 이전의 가상돔과 새로운 가상돔을 비교해 변경된 내용만 감지해 DOM에 적용하는 것을 말한다. 가상돔이 왜 필요할까? DOM의 변화가 심하게 많이 발생하면,
왜 리액트 인가 ?
많은 라이브러리 중에서 왜 리액트가 시장에서 차지하는 비율이 높을까?직접 프로젝트를 만들면서 느꼈던 장점들component 단위 작성리액트는 마치 레고블럭과 비슷하다라는 말을 들어본적이 있습니다. 리액트에서 컴포넌트는 UI를 구성하는 개별적 뷰 단위로 하나의 뷰는 여러