Skip to content

Edit typo #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
htcrefactor wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Edit typo #1

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion snabbdom.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ description: Virtual DOM 라이브러리인 Snabbdom에 대해 살펴봅시다.

리액트에서 가상돔을 한마디로 설명하면 **"실제로 화면에 이렇게 그려주세요를 JSON으로 표현한것"**이라고 할 수 있을것 같다.우리는 그저 JSON만 UI라이브러리\(리액트와같은\)에 전달만 해주면 그 라이브러리가 JSON을 해석해서 화면을 그리게 만들 수 있는것이다.이렇게 하면 매번 DOM에 직접 접근하지 않아도 UI를 업데이트할 수 있다. DOM에 접근하는것은 생각보다 비용이 비싸다.

이전에 그려놓은 가상돔과 이번에 새로 그린 가상돔을 비교해서 변경된 부분만 real DOM에 반영한다.여기서 이전 가상돔과 현재 가상돔을 비교하는 과정을 리액트에서는 **reconciliaion\(재조정\)**이라고 한다.리액트에서의 가상돔이란 그냥 **JSON으로 표현된 리액트 엘리먼트 트리**이다.
이전에 그려놓은 가상돔과 이번에 새로 그린 가상돔을 비교해서 변경된 부분만 real DOM에 반영한다.여기서 이전 가상돔과 현재 가상돔을 비교하는 과정을 리액트에서는 **reconciliation\(재조정\)**이라고 한다.리액트에서의 가상돔이란 그냥 **JSON으로 표현된 리액트 엘리먼트 트리**이다.

리액트에서는 리액트 내부적으로 Virtual DOM을 구현한것이다.우리는 유명한 가상돔 라이브러리 중 하나인 **Snabbdom**을 살펴보기로한다.이 라이브러리는 Vue.js의 가상돔으로 활용되고 있다고 한다.

Expand Down