[flutter] 플러터(Flutter) 위젯(Widget) 사용하기

플러터(Flutter)는 Google에서 개발한 모바일 앱 개발 프레임워크로, 하나의 코드베이스로 안드로이드와 iOS 앱을 모두 개발할 수 있습니다. 플러터는 위젯(Widget) 기반으로 UI를 작성하며, 다양한 종류의 위젯을 사용하여 다양하고 멋진 UI를 구성할 수 있습니다.

위젯(Widget) 이란?

위젯(Widget)은 플러터에서 UI를 구성하는 기본 단위입니다. 플러터의 위젯은 사용자 인터페이스의 다양한 요소를 나타내는데 사용됩니다. 텍스트, 버튼, 이미지, 리스트 등 모든 UI 요소는 위젯으로 표현됩니다.

위젯 종류

플러터는 다양한 종류의 위젯을 제공합니다. 몇 가지 주요 위젯은 다음과 같습니다:

위젯은 트리 형태로 구성되어 있으며 위젯을 부모로 하는 자식 위젯들로 구성될 수 있습니다. 이를 통해 복잡한 UI를 구성할 수 있습니다.

위젯 사용하기

플러터에서 위젯을 사용하는 방법은 매우 간단합니다. 다음은 Text 위젯을 사용하여 간단한 환영 메시지를 표시하는 예제입니다.

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('Welcome to Flutter'),
        ),
        body: Center(
          child: Text(
            'Hello, World!',
            style: TextStyle(fontSize: 24),
          ),
        ),
      ),
    );
  }
}

위의 예제 코드에서는 MyApp 클래스가 StatelessWidget을 상속받아 위젯을 정의합니다. MaterialApp 위젯을 사용하여 앱의 기본 구조를 설정하고, Scaffold 위젯을 사용하여 앱의 레이아웃을 구성합니다. Text 위젯을 사용하여 화면에 텍스트를 표시하고, TextStyle을 사용하여 텍스트의 스타일을 설정합니다.

결론

플러터 위젯은 플러터 앱의 사용자 인터페이스를 구성하는 기본 단위입니다. 다양한 종류의 위젯을 사용하여 멋진 UI를 구현할 수 있습니다. 플러터 위젯을 이해하고 사용하는 것은 플러터 앱 개발에 있어서 매우 중요합니다.