# virtual DOM

49개의 포스트
post-thumbnail

Virtual DOM 이란?

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

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

React란

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

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

Real DOM 과 Virtual DOM의 차이

Real DOM / Virtual DOM Real DOM / Virtual DOM을 설명하기 앞서 DOM이 무엇인지 알아야 한다. DOM : Document Object Model로 HTML 문서를 프로그래밍적으로 접근 가능하게 해주는 인터페이스 이다. 웹에서 변

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

Virtual DOM

DOM(Document Object Model)은 웹 페이지를 이루는 태그들을 자바스크립트가 이용할 수 있게끔 브라우저가 트리구조로 만든 객체 모델을 의미한다.DOM(Document Object Model)을 영어 뜻풀이 그대로 하자면 문서 객체 모델을 의미한다.문서

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

Virtual DOM 동작 원리와 이해 (with 브라우저의 렌더링 과정)

Virtual DOM?1\. Virtual DOM이란?→ "DOM을 추상화한 가상의 객체"DOM을 추상화한 가상의 객체라고 표현해봤습니다. (개인이 내린 정의)그러면 우선 저 문장을 이해하기 위해서 DOM이란 뭔지 알아야합니다.DOM은 문서 객체 모델이라고 하는데 결국

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

[React] Virtual DOM

Virtual DOM 을 알기위해선 먼저 DOM이 뭐하는 친구인지 알아보자.DOM은 Document Object Model의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model이다즉, 웹 페이지

2022년 4월 25일
·
0개의 댓글

DOM

DOM(Document Object Model) XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. HTML을 직접 수정하거나 추가, 제거 할 수 있다. DOM Tr

2022년 3월 31일
·
0개의 댓글
post-thumbnail

Virtual DOM 이란?

유튜브 [10분 테코톡] 🥁 지그의 Virtual DOM을 정리한 브라우저의 동작 과 Virtual DOM 과 React의 Virtual DOM을 포함한 내용입니다

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

React란

한때, 자바스크립트 (이하 JS)는 웹 브라우저에서 간단한 연산을 하거나 시각적인 효과를 주는 단순한 스크립트 언어에 불과했지만, 현재는 웹 어플리케이션에서 가장 핵심적인 역할을 수행하고 있습니다. 나아가 브라우저뿐만 아니라 모바일, 데스크톱 어플리케이션에서도 널리 쓰

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

React 가 Virtual DOM 을 사용하는 이유

React 를 공부할 때 맨 처음 나오는 개념들 중 Virtual DOM 이라는 친구가 있습니다. 많은 자료들에서 Virtual DOM이 성능이 좋고 그런 이야기를 하는데, 이게 진짜인지, 정확히 어떤 말인지 알아보겠습니다.DOM (Document Object Moda

2022년 2월 22일
·
0개의 댓글
post-thumbnail

가상 DOM

React의 가상 DOM에 대한 간략한 설명

2022년 1월 24일
·
0개의 댓글
post-thumbnail

멋사 스터디 기록 - 01. 리액트란?

리액트는 component지!component란 한 가지 기능을 수행하는 UI 단위로 독립적이며 재사용이 가능하다. React는 이런 components들의 조합으로 이루어진다. Virtual DOM을 사용한다.MVC 패턴에서 View만을 담당한다.MVC 패턴이란 M

2022년 1월 11일
·
0개의 댓글
post-thumbnail

01. 리액트란?

리액트는 페이스북에서 만든 자바스크립트 라이브러리 중 하나로 UI(사용자 인터페이스)를 만들기위해 사용됩니다. 현재 리액트는 프론트엔드 개발자에게 가장 많이 사랑받고 있는 라이브러리 중 하나이다. 많은 기업에서도 리액트를 다룰 줄 아는 사람들을 요구하고 있으며 프

2022년 1월 9일
·
0개의 댓글
post-thumbnail

[React] 배워야하는 이유

리액트가 필요한 이유? 1. Component기반의 UI라이브러리, 2. 선언형 프로그래밍,JSX문법 3. Virtual DOM

2022년 1월 2일
·
1개의 댓글
post-thumbnail

TIL | React - Virtual Dom (2)

DOM(Document Object Model)을 영어 뜻풀이 그대로 하자면 문서 객체 모델을 의미한다.그렇다면 여기서 말하는 문서 객체란 무엇일까?문서 객체란 html, head, body와 같은 태그들을 javascript가 이용할 수 있는 (메모리에 보관할 수 있

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

TIL | React - Virtual Dom

Virtual DOM은 말 그대로 가상 돔입니다. 그런데, 가상 돔이 왜 필요할까요? 이를 이해하기 위해서는 브라우저의 작동 방식에 대해 알아볼 필요가 있습니다."브라우저 엔진"과 "렌더링 엔진"은 뭘까요?그림에서 알 수 있듯이 브라우저 엔진은 사용자 인터페이스와 렌더

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

TIL#26 React ) intro

Framework: 다른 사람이 만든 틀 안으로 내가 들어가서 작업하는 것Library: 내 작업에 다른사람이 만들어 둔 코드를 가져와서 사용하는 것Angular2010년 Google에서 개발한 FrameworkTypeScript 기반으로 매우 안정적이고 탄탄한 Fro

2021년 11월 29일
·
0개의 댓글
post-thumbnail

JSX

JSX는 화면에 렌더링 될 요소들을 생성하는 것으로 html처럼 생겼다. 특징으로는 내부에 {}으로 감싸진 표현식을 작성할수 있다.{}으로 감싸진 표현식은 태그 내부의 컨텐츠와 속성으로도 사용할수 있다. 여기서 특이한 점은 class를 className으로 사용하는데

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

React란?

리액트는 페이스북에서 개발하고 관리하는 UI 라이브러리입니다. 앵귤러가 웹 애플리케이션에 필요한 다수의 기능을 제공하는 것과는 달리 리액트는 UI 기능만 제공합니다.따라서 전역 상태 관리나 라우팅 또는 빌드 시스템 등을 각 개발자가 직접 구축해야합니다. 전반적인 시스템

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