Flutter에서 위젯이란 무엇인가요?

Question

Accepted Answer

Flutter에서는 **모든 것이 위젯입니다** — UI 요소(버튼, 텍스트, 이미지), 레이아웃 구조(행, 열, 패딩), 심지어 앱 자체도 모두 위젯입니다. 위젯은 조합되어 전체 사용자 인터페이스를 구성하는 불변(immutable)의 구성 요소입니다.

## 모든 것이 위젯

```text
위젯은 UI를 기술합니다. 모든 것이 위젯입니다:
  → 보이는 요소: Text, Image, Icon, Button 등
  → 레이아웃: Row, Column, Container, Padding, Center, Stack 등
  → 구조: Scaffold(페이지 구조), AppBar 등
  → 심지어 앱 자체(MaterialApp)와 추상적인 것들(Padding, Theme)도 포함
→ 위젯을 트리로 COMPOSE하여 UI를 만듭니다(위젯이 다른 위젯을 포함).
```

## 위젯을 트리로 조합하기

```dart
// 위젯을 NESTING(중첩)하여 UI 구성 (조합)
Scaffold(                       // 페이지 구조
  appBar: AppBar(title: Text('Home')),   // 텍스트가 있는 앱 바
  body: Center(                 // 자식을 중앙 정렬
    child: Column(              // 세로 레이아웃
      children: [
        Text('Hello'),          // 텍스트 위젯
        ElevatedButton(         // 버튼
          onPressed: () {},
          child: Text('Click'),
        ),
      ],
    ),
  ),
)
// → WIDGET TREE: Scaffold > Center > Column > [Text, Button]
```

위젯은 중첩되어 **위젯 트리**를 형성합니다 — 조합(composition)이 핵심 패턴입니다(단순한 위젯을 결합해 복잡한 UI를 만듦).

## 위젯은 불변; 구성(configuration)

```text
→ 위젯은 UI의 불변(IMMUTABLE) 기술입니다(실제 렌더링된 객체가 아닌 구성) —
  state가 변경되면 Flutter가 효율적으로 다시 빌드합니다
→ build() 메서드는 UI가 어떻게 보여야 하는지를 기술하는 위젯 트리를 반환합니다
→ Flutter는 위젯을 렌더링된 픽셀로 효율적으로 변환하는 것을 처리합니다
```

## 왜 중요한가

위젯을 이해하는 것은 Flutter의 근본입니다. 왜냐하면 **Flutter의 모든 것이 위젯**이기 때문입니다 — 전체 UI가 위젯으로 만들어집니다 — 따라서 위젯 모델을 파악하는 것은 모든 Flutter 개발의 필수적이고 기초적인 지식입니다.

핵심 개념 — 보이는 요소(텍스트, 버튼, 이미지), 레이아웃 구조(행, 열, 패딩), 페이지 구조, 심지어 앱 자체까지 **모두 위젯**이라는 점 — 은 Flutter가 작동하는 방식의 결정적인 특징이며, 이를 이해하는 것이 모든 Flutter UI를 만드는 출발점입니다.

UI가 **위젯을 트리로 조합**(위젯을 중첩하고 단순한 것을 결합해 복잡한 인터페이스를 만듦)함으로써 만들어진다는 것을 이해하는 것은 Flutter 개발의 근본 패턴입니다 — 상속보다 조합, 단순하고 재사용 가능한 구성 요소로 복잡한 UI를 만드는 것입니다.

**위젯이 UI의 불변 기술**(실제 렌더링된 객체가 아닌 구성이며, state가 변경되면 Flutter가 효율적으로 다시 빌드함)이라는 점을 이해하는 것은 Flutter의 선언적 UI 모델이 어떻게 작동하는지 이해하는 데 중요합니다 — UI가 어떻게 보여야 하는지를 기술하면 Flutter가 효율적으로 렌더링을 처리합니다.

이 위젯-조합 모델은 Flutter의 모든 것의 기반입니다: 레이아웃, 스타일링, state 관리, 구조가 모두 위젯을 통해 작동합니다.

위젯은 Flutter의 원자적 단위이고(모든 것이 위젯이며, UI는 조합으로 만들어진 위젯 트리), 이 모델을 이해하는 것이 Flutter UI를 만드는 절대적인 기초이므로, 위젯을 이해하는 것 — 모든 것이 위젯이라는 점, 트리로의 조합, 그리고 불변의 선언적 본질 — 은 필수적이고 기초적인 Flutter 지식이며, Flutter 개발의 모든 측면이 그 위에 세워지는 핵심 개념이자 Flutter를 배울 때 가장 먼저 이해해야 할 것입니다.