[플러터] 9. Hello World 출력!!

이제 드디어 코딩해볼 시간!!

가장 기본인 Hello World 를 출력해보자!!

 

플러터 프로젝트를 생성하면 [프로젝트 폴더]/llib/main.dart 파일이 생긴다.

파일의 내용을 전부 지운 후 아래 코드를 입력.

// 머터리얼 디자인 import
// 기본 위젯 제공
import 'package:flutter/material.dart';

// 플러터 프로젝트 실행하는 함수
void main() {
  runApp(
  	// 머터리얼 디자인 위젯
  	MaterialApp(
    	// Scaffold 위젯
    	home: Scaffold(
        	// Text 위젯
        	body: Text(
            	'Hello World',    // 마지막 매개변수 끝에 콤마
            ),
         ),
     ),
  );
}

MaterialApp : 머터리얼 디자인 기반의 위젯을 사용

Scaffold 위젯 : 화면 전체를 차지. 레이아웃을 도와주고 UI 관련 특수 기능 제공(알림과 같은 스낵바 실행, 화면의 위에 앱바를 추가, 아래에 탭바를 추가 등)

※ MaterialApp 과 Scaffold 위젯을 추가하는 것이 기본 설정.

Text 위젯 : 글자를 화면에 출력하기 위해 사용.

 

실행

에뮬레이터를 선택하고 실행 버튼을 클릭한다.

 

에뮬레이터에서 결과 화면 확인.

- 화면 좌측 상단에 Hello World 글자가 보인다.(자세히 봐야 보인다. --;;)

기본 실행 완료!!