Skip to main content
← Glossary

Yoga 레이아웃 엔진

Yoga Layout Engine

React Native 화면 요소의 스타일과 사용할 수 있는 공간으로 위치와 크기를 계산하는 레이아웃 엔진이다.

같은 뜻으로 쓰는 말

  • Yoga

마지막 검증

Yoga 레이아웃 엔진은 React Native가 다음 화면의 구조와 위치를 확정하는 Commit 단계에서, 내부 화면 요소 기록인 React Shadow Node의 위치와 크기를 일반적으로 계산한다. JavaScript에서 온 스타일과 루트 화면이 사용할 수 있는 공간을 입력으로 사용한다. Shadow Node 구현에 따라 Yoga Node를 만들지 않고 자체 방식으로 위치와 크기를 계산할 수도 있다.

텍스트처럼 플랫폼 고유 측정이 필요한 컴포넌트는 Android·iOS가 제공하는 측정 함수의 도움을 받을 수 있다. Yoga라는 이름만으로 모든 레이아웃 계산이 플랫폼과 무관하다고 판단하면 안 된다.

출처와 검증 범위

아래 날짜는 링크를 마지막으로 열어 본 날입니다. 문서 상단의 검증일은 글의 설명과 적용 범위를 다시 확인한 날입니다.

  1. Render, Commit, and MountReact Native · 공식 문서 · 확인 2026-08-09
  2. Cross-Platform Architecture GlossaryReact Native · 공식 문서 · 확인 2026-08-09