[Flutter] 앱의 설계도, 위젯 트리 🌳

서연·2025년 10월 8일

📖 Flutter에서 위젯트리

Flutter 앱의 UI 구조를 나타내는 계층적 구조이다.

Flutter에서는 모든 것이 위젯이다.

버튼, 텍스트, 레이아웃 심지어 패딩이나 정렬까지도 모두 위젯으로 구성된다.

위젯들은 부모 - 자식 관계로 연결되며 마치 나무처럼 가지를 뻗어 나가듯이 전체 화면을 구성하게 된다.

이 구조를 통해 Flutter는 어떤 위젯 안에 포함되어 있는지 즉 화면의 계층 관계를 명확하게 파악할 수 있다.

Flutter는 위젯 트리를 기반으로 화면을 그리며 상태가 바뀌면 해당 부분의 트리를 다시 빌드 하여 새로운 UI를 업데이트한다.

위젯 트리는 Flutter 앱의 화면 설계도이자 UI 업데이트의 핵심 메커니즘이다.