1. Widget이란?

• Flutter의 UI의 가장 기본적 단위는 Widget
• Flutter의 UI를 구성하는 각각의 요소가 모두 Widget으로 이루어짐
• pub.dev를 통해 제공되는 오픈 소스 Widget을 더하여 사용하면 수많은 widget을 사용할 수 있음

2. Widet Tree

• Flutter의 Widet은 블록과도 같음
• Widget을 조합해서 사용하는 방식에 따라 전혀 다른 UI를 만들 수 있고, 한 화면에서 만들어 두었던 Widget을 다른 화면에서 그대로 가져와 사용할 수 있음
• Widget들 간 수편적인 관계도 존재하지만, 수직적인 관계도 만들 수 있음.

3. Stateless Widget / Stateful Widget

• Widget은 2가지 형태를 활용함
• 화면을 갱신할 필요가 없는 적적인 화면은 Stateless Widget
• 특정 상황에 따라 화면을 갱신할 필요가 있다면 Statefull Widget

4. Example(Stateless Widget)

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(body: TestWidget()),
    ),
  );
}

class TestWidget extends StatelessWidget {
  const TestWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Center(
        child: Text(
          'Hello Flutter First',
          style: TextStyle(
            fontSize: 40,
            color: Colors.black,
          ),
        ),
      ),
    );
  }
}