[Flutter] 플러터 메인 구조 (material.dart, main())

Flutter : new Project 로 플러터 프로젝트를 만들면 기본 앱 소스가 나타나는데, 

main.dart 파일의 1단계 메인 구조를 먼저 살펴보자면..

import 'package:flutter/material.dart';

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

class MyApp ...

 

 

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

머티리얼 디자인(Material Design)은 구글 스타일의 ui 디자인으로, 플러터 프레임워크에서 제공하는 패키지이다. 미리 만들어져 있는 버튼, 텍스트, 앱바 등 다양한 ui 컴포넌트들을 사용할 수 있다.

 

2. void main()과 runApp()

main() 함수는 Dart 프로그램 실행의 시작점(entry point)이다.

프로그램 실행 시 별도 지정을 하지 않는다면 무조건 lib/main.dart에 정의된 main() 함수로 시작하기 때문에!
main.dart 에 void main() 함수가 꼭 정의되어 있어야 한다.

** 만약 다른 파일에 main() 함수를 정의하여 사용하고 싶다면, 플러터 프로그램 실행 시 별도의 옵션을 지정해주면 된다고 한다. (예: start.dart 파일에 main함수를 정의한 경우, >>  flutter run -t lib/start.dart)

runApp() 함수는 Flutter 프레임워크에서 제공하는 함수로, 앱을 구동하고 첫 위젯이자 최상위 위젯인 MyApp을 화면에 표시한다.

MyApp이라는 이름은 내가 정의하는 위젯 클래스의 이름이기 때문에, 아무렇게나 지어줘도 된다.