[Flutter] main page 구성

플러터의 모든 것은 위젯(Widget)으로 이루어져 있다. 이 위젯은 특정한 기능을 담당한 부품들이다. 앱에서 위젯은 클래스로 구현되어 있고 우리는 이를 상속받은 다양한 위젯들을 사용한다.

플러트 기본 프로젝트 생성 후 main 페이지의 구성

void main() {
  runApp(const MyApp());  
  // runApp을 이용해 클래스를 실행할 때는 위젯인 MaterialApp() 함수를 넣어줘야 함
}

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

  // override annotaion을 통해 build()라는 함수 재정의
  @override
  // build는 어떠한 위젯을 만들 것인지 정의
  Widget build(BuildContext context) {
    // MaterialApp 함수에 title, theme, home 등을 정의
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      // home을 통해 앱 실행 시 첫 화면의 내용 표시      
      // home 또한 위젯 타입이므로 위젯 넣어주기
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}