# virtual DOM

24개의 포스트
post-thumbnail

Virtual DOM 넌 누구냐

React의 작동 방식에 대해서 확실히 이해하고 넘어가기 위해서 공부하게 되었다.Virtaul DOM을 찾아보면서 초보인 나한테는 사전적으로 알아야 할 기본 개념 및 지식들이 조금 많이 있었던 것 같다.그러한 것들 부터 하나하나 이해하고 정리해보려고 한다.웹 서버에서

2021년 7월 6일
·
0개의 댓글
post-thumbnail

Virtual DOM에 대해 알아보자!

어제는 Reflow와 Repaint에 대해 알아보자라는 글을 썼습니다. 이는 사실, 이번 Virtual DOM이라는 아이를 알기 위한 선수 지식이기에 썼습니다. 😅현재 SPA를 하기 위해선, svelte가 아니라면, 기본적으로 대다수의 SPA 라이브러리, 프레임워크가

2021년 6월 24일
·
0개의 댓글
post-thumbnail

[React] Virtual DOM

Virtual DOM이란 문자 그대로 가상의 DOM을 뜻하며, React의 핵심 원리이다.<span style="color: 동적인 웹에서는 사용자의 요청이나 조건 등에 따라 사용자가 보게 될 뷰(view)를 변경해주어야 한다. 그런데 이렇게 특정 부분의 뷰를 변

2021년 6월 20일
·
0개의 댓글

[React] 리액트는 왜 만들어졌을까?

#React #Virtual Dom

2021년 6월 19일
·
0개의 댓글
post-thumbnail

[React]REACT에 대해 Part 1

React는 Facebook이 만든 사용자 UI 구축을 위한 라이브러리이다.1.Virtual DOM Virtual DOM은 기존의 DOM의 한계를 개선하기 위해 나온 대안책이다. DOM(Document Object Model)은 말 그대로 문서 객체 모델이다. HTM

2021년 5월 27일
·
0개의 댓글
post-thumbnail

[React] Virtual DOM과 브라우저의 렌더링 과정

리액트의 주요 특징 중 하나는 Virtual DOM을 사용한다는 것입니다.

2021년 5월 20일
·
0개의 댓글

DOM을 깨우치다 정리 (8)

virtual DOM, 가상 돔과 관련이 많음DocumenetFragment 노드를 사용하면 라이브 DOM 트리 외부에 경량화된 문서 DOM을 사용할 수 있다. 마치 라이브 DOM 트리처럼 동작하되, 메모리상으로만 존재하는 빈 문서 템플릿으로 자식 노드를 메모리상에서

2021년 4월 27일
·
0개의 댓글

react - start

리액트는 많은 양의 데이터를 화면에 보여주기 위한 라이브러리 입니다. 그래서 리액트를 사용할 땐 얼마나 더 효과적으로 데이터를 다루고 화면에 보여줄지 고민하게 되는거 같습니다.많은 양의 데이터를 화면에 렌더링하게 되면

2021년 4월 19일
·
0개의 댓글

DOM( Document Object Model ), Virtual DOM, React DOM 간단 정리

DOM 즉, 문서 객체 모델이란 HTML, XML 문서의 프로그래밍 인터페이스이다. HTML의 구조화된 표현 ( body, head, div ... ) 을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을

2021년 4월 14일
·
0개의 댓글

Virtual DOM

DOM의 정의는 문서의 구성요소들을 객체로 구조한 것 React는 UI 라이브러리이며 React DOM은 웹 사이트에 출력 즉, render를 도와주는 모델이다. Virtual DOM은 DOM을 추상화한 가상의 객체를 메모리에 만들어 놓은 것이다. 즉 DOM을 직접

2021년 4월 8일
·
0개의 댓글
post-thumbnail

리액트의 Virtual DOM은 무엇일까

리액트의 장점에는 VirtualDOM이 있어 근데... VirtualDOM이 정확히 뭔데?

2021년 4월 4일
·
0개의 댓글

[WEB] DOM과 Virtual DOM

DOM이랑 Virtual DOM 꼭 이해하기

2021년 3월 1일
·
0개의 댓글
post-thumbnail

React?

React? React는 어떤 frontend framework일까? React 하면 생각나는 단어를 생각해보면 SPA, Component, Virtual-DOM, FaceBook(?) 뭐 이런 대표적인 것만 생각이 난거같다. 이 중에서 가장 먼저 알아야하는게 뭘까

2021년 2월 10일
·
0개의 댓글
post-thumbnail

리액트의 조화(Reconciliation) 과정 정리

현업에서 리액트를 사용하면서 그 렌더 과정에 대한 궁금증을 해소할 수 있도록 정리했습니다

2021년 1월 15일
·
0개의 댓글

Virtual DOM

Virtual DOM을 실제로 가상돔, 실제 DOM처럼 적용시켜주는 걸로만 알고있었지 막상 이걸 생각하고 말하려고 하니 진짜 너무 모르겠었다(울뻔 ㅜㅜ )DOM에 변화가 생기면, 렌더트리를 재생성하고, 그러면서 모든 요소들의 스타일이 다시 계산된다.레이아웃을 만들고 페

2020년 10월 12일
·
0개의 댓글

[react]감싸진 요소

react componenet 에서 여러 개를 왜 하나의 요소로 꼭 감싸주어야 한다. 위에서는 태그를 사용하여 요소들을 감싸주었다. <> </> 의 형태만으로도 사용가능하다. virtual DOM 에서 컴포넌트 변화를 감지해 낼 때 효율적으로 비교할 수

2020년 8월 3일
·
0개의 댓글
post-thumbnail

React - basic

React React란? JSX Babel && Webpack Props State Life Cycle Virtual DOM 참고 React와 Virtual DOM 영상 참고 리엑트 공식 문서 노마드코드의 React 강의 Velopert님의 React 강의 Velo

2020년 7월 21일
·
0개의 댓글
post-thumbnail

React를 사용하는 이유

프론트앤드 공부를 시작하게 되고, 리액트를 사용하게 되었습니다. 왜 사용하게 됐는지에 대한 질문을 받는다면 '매우 인기있는 라이브러리', '많은 기업에서 요구하는 스펙'이라는 솔직한 답변은 프론트앤드에서 겪고 있는 고충을 해결하기 위해 만든 리액트를 사용할 자격이 불충

2020년 6월 7일
·
0개의 댓글
post-thumbnail

Why Virtual DOM?

Why Virtual DOM?

2020년 4월 14일
·
0개의 댓글

Virtual DOM

TL;DR DOM Virtual DOM Reconciliation(재조정) 동기 React를 사용하면서 작동방식에 대한 고민을 많이 하지 못했는데, 기본 개념중 하나인 Virtual DOM에 대해서 정리하고자 했습니다. DOM? 문서 객체 모델(The Docu

2020년 2월 4일
·
0개의 댓글