# virtual DOM

66개의 포스트
post-thumbnail

Virtual DOM 🐟

DOM이란, HTML 코드를 해석해서 요소들을 트리 형태로 구조화하여 웹브라우저 화면에 나타게 해주는 인터페이스를 의미한다. 📍 DOM의 특징DOM을 JavaScript를 통해 문서와 문서 요소에 접근하여 웹 화면의 콘텐츠를 추가, 수정, 삭제 또는 이벤트 처리를

약 19시간 전
·
0개의 댓글

Virtual DOM

실제 돔에 접근하여 조작하는 대신, 이것을 추상화시킨 자바스크립트 객체를 이용해 사용한다. > 실제 (무거운)돔의 가벼운 사본 같은 개념 > 리액트가 가상돔을 반영하는 절차 특정 페이지에서 데이터가 변했다고 가정했을 때, 리액트를 이용해 돔을 업데이트시키는 절차는 다음과 같다. 변화가 일어났다. 변화된 버전을 가상돔으로 바꾸자. 데이터가 업데...

6일 전
·
0개의 댓글

Virtual DOM

Virtual DOM

6일 전
·
0개의 댓글
post-thumbnail

[FE-Interview][React] React 란 무엇인가

✍🏻 [FE-Interview][React] | React 란 무엇인가 | React의 작동 원리와 React의 중요한 특성들을 정리해 보았다!

6일 전
·
0개의 댓글

Virtual DOM

Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상”적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 “실제” DOM과 동기화하는 프로그래밍 개념입니다. 이 과정을 재조정이라고 합니다.이 접근방식이 React의 선언적 API를 가능하게

2022년 6월 29일
·
0개의 댓글

Virtual DOM

Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상”적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 “실제” DOM과 동기화하는 프로그래밍 개념이다.이 과정을 재조정이라고 한다.“virtual DOM”은 특정 기술이라기보다는 패턴에

2022년 6월 29일
·
0개의 댓글
post-thumbnail

Browser’s Rendering Process, Virtual DOM

브라우저가 렌더링 하는 과정으로는 아래와 같이 9가지 단계를 거친다.사용자가 사용자 인터페이스에 주소표시줄에 URI를 입력하여 브라우저 엔진에 전달한다.브라우저 엔진은 자료 저장소에서 URI에 해당하는 자료를 찾고, 해당 자료를 쿠키로 저장했다면 그 자료를 렌더링 엔진

2022년 6월 27일
·
0개의 댓글
post-thumbnail

리액트 적응기 - Virtual DOM 가볍게 훑어보기

Virtural DOM (VDOM)은 UI의 이상적인 또는 가상적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 실제 DOM과 동기화하는 프로그래밍 개념이고 이러한 과정을 Reconciliation(재조정)이라고 한다.Virtual DOM에 대해

2022년 6월 16일
·
0개의 댓글
post-thumbnail

[React] 리액트란? 리액트에 대하여

Meta에서 개발한 오픈 소스 자바스크립트 라이브러리 :)

2022년 6월 13일
·
0개의 댓글
post-thumbnail

React를 사용하는 이유

프론트엔드 공부를 시작하면서 프론트엔드 라이브러리와 프레임워크를 사용하게 되었다. 다양한 프레임워크들이 있지만, 흔히들 말하는 프론트엔드 프레임워크 3대장은 React, Vue.js, Angular로, 그 중에서도 React의 사용률이 월등히 높다. npm trend

2022년 6월 12일
·
0개의 댓글

React.js란 무엇인가?

html 의 body 부분에는 header/nav/article/footer 등으로 구성되있습니다웹 페이지 작성 중 관리자가 header 나 nav 같은 필수 요소들의 수정이 필요하다면정말 큰 웹 사이트에서는 페이지가 너무 나도 많기 때문에 중복코드를 계속해서 작성하면

2022년 6월 10일
·
0개의 댓글

[개발자되기: React로 mbti만들기] feat. 인프런

html vs javaScript vs React vs JSX 작성방식 차이 html JavaScript React JSX Virtual DOM JSX 해당 div와 button이 동시에 업데이트 됨 React 해당 button만 업데이트됨 Component

2022년 6월 9일
·
0개의 댓글

Virtual DOM

DOM과 vitual DOM에 대해 알아보고 둘의 차이점에 대해 알아보겠습니다.

2022년 5월 30일
·
0개의 댓글

Virtual DOM

DOM 을 추상화한 가상의 객체Virtual DOM 은 수정사항이 여러 가지가 있더라도 한 번만 렌더링을 일으킨다.DOM 은 문서 객체 모델이라고 하는데 결국은 브라우저에서 다룰 HTML 문서를 파싱하여 문서의 구성요소들을 객테로 구조화하여 나타낸 것입니다.DOM 을

2022년 5월 28일
·
0개의 댓글
post-thumbnail

Virtual DOM

DOM이란? MDN에서는 "DOM은 HTML, XML document와 상호작용하고 표현하는 API이다. DOM은 browser에서 로드되며, Node(이하 노드) 트리(각 노드는 document의 부분을 나타낸다)로 표현하는 document 모델이다." 라고 나와 있다. 위의 설명으로, Document는 HTML, XML을, Object는 노드 트리라...

2022년 5월 25일
·
0개의 댓글
post-thumbnail

✍️ React에 대해서

React에 대한 고찰

2022년 5월 24일
·
0개의 댓글

Virtual DOM

Virtual DOM 가상 돔(Virtual DOM)이란 일종의 돔(DOM)의 메타데이터, DOM의 요약본이라고 할 수 있다. 가상 돔을 알기 위해서는 일단 돔을 알아봐야 할 필요가 있다. DOM? DOM은 The Document Object Model의 약자로

2022년 5월 20일
·
0개의 댓글
post-thumbnail

Virtual DOM 이란?

Virtual DOM(VDOM) VDOM은 이름처럼 실제로 존재하는 것이 아니라 UI의 가상적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 실제 DOM과 동기화하는 프로그래밍적인 개념이다. 그리고 VDOM과 실제 DOM을 동기화하는 과정을 재조정(reconciliation)이라고 한다. DOM DOM은 문서 객체 모델이라고 한다. ...

2022년 5월 18일
·
0개의 댓글
post-thumbnail

React란

2013년에 올라온 Pete Hunt: React: Rethinking best practices -- JSConf EU 영상을 보다가 공부 목적으로 가볍게 정리하였다. 번역 등이 매끄럽지 않거나 정확하지 않은 내용이 있을 수 있다.ㅠ

2022년 5월 15일
·
0개의 댓글