반응형
Virtual Dom
Virtual Dom이란?
Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상”적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 “실제” DOM과 동기화하는 프로그래밍 개념입니다. 이 과정을 재조정이라고 합니다.
그러나 React는 컴포넌트 트리에 대한 추가 정보를 포함하기 위해 “fibers”라는 내부 객체를 사용합니다. 또한 React에서 “virtual DOM” 구현의 일부로 간주할 수 있습니다.
Design Principle
합성
- React의 핵심 기능은 컴포넌트의 합성입니다.
- 컴포넌트에서 state나 생명주기 메서드를 사용하는 것에 대해 “나쁜 것”은 없습니다.
- 다른 강력한 기능과 마찬가지로 적당히 사용해야 할 필요가 있지만, 우리는 그것들을 제거할 생각은 없습니다.
- 오히려 우리는 그것들이 React를 유용하게 만드는 데에 매우 중요한 부분이라고 생각합니다.
- 장래에 보다 함수적인 패턴을 사용 가능하게 할 지도 모르겠습니다만,
- 로컬 state와 생명주기 메서드는 모두 그 모델의 일부가 될 것입니다
스케줄링
- 컴포넌트가 함수로 기술되어 있어도 React를 사용할 때 그것을 직접 호출하지는 마세요.
- 모든 컴포넌트는 무엇을 렌더링할 필요가 있는 것인지에 대한 설명을 반환하고 과 같은 사용자가 정의한 컴포넌트와
와 같은 플랫폼 고유의 컴포넌트를 모두 포함할 수 있습니다.
총정리
Virtual DOM | 실제 DOM과 동기화 할 가상 표현 |
재조정 | 실제 DOM과 Virtual DOM의 동기화 |
React Fiber | 스택 reconciler 대체한 재조정 엔진 |
반응형
'개발 이야기 > Front-end' 카테고리의 다른 글
Redux & Redux toolkit (0) | 2023.03.29 |
---|---|
React 라이브러리 #4 (0) | 2023.03.28 |
React 공식문서로 디테일 잡기 #7 (0) | 2023.03.26 |
React 라이브러리 #3 (0) | 2023.03.23 |
React 라이브러리 #2 (0) | 2023.03.22 |