목차

• 플러터 위젯(widget)이란?
• 플러터 위젯의 종류
• 예제 코드로 알아보는 플러터 위젯
• 결론

플러터 위젯(widget)이란?

플러터(Flutter)에서 위젯(widget)은 화면을 구성하는 모든 뷰(view) 요소를 나타냅니다. 간단히 말해, 모든 것이 위젯입니다. 플러터를 사용하여 모바일 앱을 개발할 때 위젯은 매우 중요한 개념입니다.

플러터 위젯의 종류

플러터에서는 StatelessWidget와 StatefulWidget 두 가지 주요 위젯 타입이 있습니다. Stateless 위젯은 변하지 않는 상태를 가지며, Stateful 위젯은 그 상태가 변경될 수 있습니다. 이 외에도, Text, Container, ListView, GridView 등 다양한 위젯이 존재합니다.

예제 코드로 알아보는 플러터 위젯

다음은 간단한 텍스트를 보여주는 예제 코드입니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter 위젯 예제'),
        ),
        body: Center(
          child: Text('안녕, 플러터!'),
        ),
      ),
    );
  }
}

이 코드는 Text 위젯을 사용하여 “안녕, 플러터!”라는 텍스트를 화면 중앙에 표시하는 간단한 앱을 생성합니다.

결론

플러터에서 위젯은 앱 화면을 구성하는 핵심 요소이며, 다양한 종류의 위젯을 사용하여 다채로운 UI를 구현할 수 있습니다. 위젯은 플러터 앱의 핵심이므로, 개발자는 위젯을 잘 이해하고 활용할 수 있어야 합니다.