[Flutter] 위젯

Widget이란?

---

Flutter 위젯은 React 에서 영감을 얻은 최신 프레임 워크를 사용하여 구축되었습니다 .
핵심 아이디어는 위젯에서 UI를 구축하는 것입니다.
위젯은 현재 구성 및 상태에 따라보기가 어떻게 표시되어야하는지 설명합니다.
위젯의 상태가 변경되면 위젯은 설명을 다시 작성합니다.
- Introduction to widgets

• 플러터는 모두 위젯으로 이루어져 있습니다.

• 플러터의 위젯은 부모, 자식 관계를 맺고 있습니다.

• 위젯 클래스는 불변성을 가집니다.

A widget is an immutable description of part of a user interface.
- Widget Class

• UI는 가변적입니다.
  UI가 업데이트 되어야할 때, 위젯은 불변성을 가지므로 플러터는 위젯 사이의 관계인 위젯트리를 변경하여 데이터의 변경을 확인할 수 있습니다.

---

플러터의 3가지 트리

위젯 일부가 변경되었다고 위젯트리 전부가 변경되는 것은 비효율적

👉 플러터는 위젯을 관리하기 위해 실제로는 3가지의 트리로 구성되어있습니다.

Widget

위젯은 속성에 대한 정보를 포함합니다.

Element

Element는 부모, 자식 관계에 대한 정보를 포함합니다. 그 말은 위젯의 생성과 파괴에 대한 생명주기를 관리합니다.

Render Object

Render Object 위젯의 크기, 레이아웃을 포함합니다.