[Fltutter] MaterialApp, Text, Scaffold, Appbar

📚 화면 레이아웃 구성 위젯

1. MaterialApp

안드로이드 native setting 빌드 시에 필요한 파일들과 코드들이 생성됩니다.

2. Text

텍스트를 출력해주는 위젯

3. Scaffold

머터리얼 스타일 디자인의 레이아웃 구조물

4. Appbar

상단 네비게이션바를 출력해주는 위젯

📢 모든 화면을 이루는 요소를 위젯(Widget)이라고 표현합니다!

Text, Scaffold, AppBar ...등 모든 화면의 구성요소를 위젯 이라고 부릅니다.

📍 예제

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        body: Center(
          child: Text('Flutter'),
        ),
      ),
    );
  }
}