React Shadow Tree
React Shadow Tree
React Native가 호스트 컴포넌트의 속성, 자식 관계와 레이아웃 정보를 표현하는 내부 트리다.
같은 뜻으로 쓰는 말
- 리액트 섀도 트리
마지막 검증
React Shadow Tree는 React Native가 다음 플랫폼 UI를 계산하기 위해 유지하는 내부 트리다. 호스트 컴포넌트 하나의 속성과 자식 관계를 담는 내부 자료를 Shadow Node라고 하며, 이 노드들로 트리를 만든다. 크기와 위치를 계산한 결과도 여기에 담는다.
이 트리는 브라우저 DOM도 아니고 Android·iOS가 직접 표시하는 최종 호스트 뷰 트리도 아니다. 현재 설명이 적용되는 React Native 구현 체계인 New Architecture에서는 Commit 단계가 다음 Shadow Tree를 확정하고, 뒤의 Mount 단계가 이전 트리와의 차이를 실제 플랫폼 UI 변경으로 적용한다.
출처와 검증 범위
아래 날짜는 링크를 마지막으로 열어 본 날입니다. 문서 상단의 검증일은 글의 설명과 적용 범위를 다시 확인한 날입니다.
- Render, Commit, and MountReact Native · 공식 문서 · 확인 2026-08-09
- GlossaryReact Native · 공식 문서 · 확인 2026-08-09