🎉 berenickt 블로그에 온 걸 환영합니다. 🎉
Mobile
Flutter
02-기본

1. Hello World

lib/main.dart
1
import 'package:flutter/material.dart';
2
3
void main() {
4
runApp(
5
MaterialApp(
6
home: Scaffold(
7
backgroundColor: Colors.black,
8
body: Center(
9
child: Text(
10
'Hello World',
11
style: TextStyle(
12
color: Colors.white,
13
fontSize: 30,
14
fontWeight: FontWeight.bold,
15
),
16
),
17
),
18
),
19
),
20
);
21
}

2. 위젯 트리(Widget Tree)

1
void main() {
2
// runApp : 플러터의 진입 포인트
3
runApp(
4
// Widget : 클래스의 일종으로 화면을 구성하는 기본 단위
5
MaterialApp(
6
home: Scaffold(
7
backgroundColor: Colors.black,
8
body: Center(
9
child: Text('Hello World',
10
style: TextStyle(
11
color: Colors.white,
12
),
13
),
14
),
15
),
16
),
17
);
18
}
  • Widget : 화면을 구성하는 기본 단위
  • Widget Tree : 위젯들의 부모, 자식 관계를 나타내는 것
    • 위 코드에서 위젯 트리는 다음과 같다.
    • MaterialApp → Scaffold → Center → Text