# virtual DOM

5개의 포스트

Virtual DOM

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

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

DOM / Virtual DOM / 브라우저 렌더링 - FE study2

1.DOM 이란? DOM (Document Object Model) : DOM은 HTML,XML 문서의 객체 기반 표현 방식입니다. image.png 그러므로, document를 포함한 html, 그 아래의 트리구조의 태그들 모두 객체이며 모두 객체로서 접근 및 컨트롤 할 수 있다. HTML (HyperText Markup Language) : 웹페...

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

[번역] Didact: 자신만의 리액트를 만드는 DIY 가이드

업데이트] 이 시리즈는 이전(old) 리액트(React) 아키텍처에서 시작 되었습니다. 여러분은 시작 부분을 건너뛰고 바로 [새로운 파이버(Fiber) 아키텍처를 사용하여 모든 것을 재 작성하는 글로 넘어갈 수 있습니다. 업데이트 2] [댄(Dan)의 이야기에 진지하게 귀 기울일 것: 1) 역자주 — 리덕스의 창시자이며, 2015년부터 페이스북에서 리액트...

2019년 3월 30일
·
3개의 댓글
post-thumbnail

[번역] Didact: DOM 엘리먼트 렌더링하기

이 이야기는 단계별 리액트 DIY 시리즈의 일부입니다. DOM 리뷰 시작하기 전에, 사용할 DOM API를 살펴봅시다. gist, codepen [속성(attributes) 대신 엘리먼트 속성(element properties)을 설정](https://stackoverflow.com/questions/6003819/what-

2019년 3월 30일
·
0개의 댓글
post-thumbnail

[번역] Didact 파이버: 점진적 재조정

이 스토리는 리액트 DIY 시리즈의 일부입니다. 하지만 전에 작성한 코드 대부분을 재 작성할 것 입니다. 지금까지 시리즈를 요약하자면, 리액트 내부에서 어떤 일이 일어나는지 이해하기 위해 리액트 클론을 작성했습니다. 우리는 그걸 Didact 라고 합니다. 리액트 주요 기능에 집중하기 위해 코드를 간단히 했습니다. 먼저 어떻게 엘리먼트를 랜더링하고 JSX가...

2019년 3월 30일
·
0개의 댓글