Flutter - StatefulWidget 이란?

stateless widget은 값이 변하지 않는 위젯입니다. 즉, final로 선언된 값입니다.
stateful widget은 위젯의 생명주기동안 값이 변할 수 있는 위젯입니다. 구현하기 위해서는 반드시 State 인스턴스를 생성하는 StatefulWidget 클래스를 생성해야 합니다. StatefulWidget 자체는 값이 변하지 않지만 내부의 State 클래스가 생명주기동안 값이 변합니다.

MaterialApp은 위젯은 Material design의 기본 골격을 쉽게 추가할 수 있는 위젯인데 child로 Scaffold 위젯을 추가할 수 있습니다. Flutter 앱내의 모든 것들은 위젯으로 구성됩니다. 간단한 텍스트부터 버튼 그리고 스크린 레이아웃까지 전부 위젯이고 _계층적인 순서_를 가지고 배열합니다. Scaffold (스캐폴드)는 기본적인 Material design 구조를 잡아주는 뼈대라고 보면 됩니다.

import 'package:flutter/material.dart';
import 'package:english_words/english_words.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Flutter'),
        ),
        body: Center(
          child: RandomWords(),
        ),
      ),
    );
  }
}

class RandomWordsState extends State<RandomWords> {
  @override
  Widget build(BuildContext context) {
    final wordPair = WordPair.random();
    return Text(wordPair.asPascalCase);
  }
}

class RandomWords extends StatefulWidget {
  @override
  RandomWordsState createState() => new RandomWordsState();
}