flutter) main.dart 처음부터 만들기

 

 

flutter create 프로젝트명

명령어를 통해 생성된 main.dart가 있다.

 

다트의 프로그래밍이 어떤 식으로 되는지

처음부터 만들어보자

 

 

 

 

 

 

 

 

 

 

 

---

 

가장 기본적인 코드는 다음과 같다.

flutter는

js처럼 함수를 선언한 뒤에

함수 호출을 할 수 없다.

 

예를 들어

 

function getBoard() {
	console.log("hello");
}

getBoard();

// flutter에서는 안됨

 

 

플러터에서는 다음과 같이 사용한다.

void main() {
	getBoard();
}

// main이라는 실행 함수 내에 들어있어야한다.

 

플러터에서의 main 함수명은 특별하다.

자바에서 public static void main 처럼

프로그램을 시작시키는 메소드명으로 사용한다.

 

 

runApp에서 오류가 발생

어디서 가져오면 될까?

 

 

package:flutter/material.dart에서 runApp을 가져올 수 있다.

 

그런데 runApp() 

-> 소괄호에서 오류가 발생함

 

인자가 하나 있어야 하는데

하나도 없다고 떠서 나는 오류다. 

 

 

---

 

 

runApp 인자로는

Widget이 필수로 들어가야한다.

 

플러터 위젯은

combining 하거나 nesting하다.

 

사실

html도 combining하고 nesting한 구조를 가지고 있다.

button이나 div 모두 섹션이 나눠진것 같지만

 

모두 html 안에서 

존재하기 때문에 tree를 그리면 html 내에 nesting된 

구조를 보이고 있다.

 

 

우선 runApp에 들어갈 인자로

Widget을 어떤 걸 넣을까?

 

https://docs.flutter.dev/ui/widgets

Widget catalog

 

 

공식 사이트의 카탈로그를 보며 고민해보자

 

 

 

 

MaterialApp() 

-> Widget을 생성해주는 메소드라고 한다. 

 

 

 

 

MaterialApp의 인자를 보면

모두 key에 매칭시켜놓고 있다.

 

Text 위젯을 만들려면 다음과 같이 하면 된다.