플러터 기본 코드

플러터의 기본 코드 구조

- 자바에서 main() 함수가 제일 먼저 실행 되는 것 처럼 플러터도 main이 가장 먼저 실행된다

- main에서 실행 될 때 가장 먼저 불러오는 페이지를 지정 해 둔 후 이후 페이지에서는 Router을 이용하여 연결한다

import 'package:flutter/material.dart'; // 데스크탑, 앱 등에 고루 UI를 적용할 수 있게 해주는 구글이 제공해주는 패키지

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return MaterialApp( // 실질적으로 모든 앱을 감싸고 있다.
      title: 'First App', // 앱을 총칭하는 이름 -> 스마트 폰 앱에서 최근 사용한 앱 보여줄 때의 이름
      theme: ThemeData(
        primarySwatch: Colors.blue// 특정색의 응용들을 기본 색상으로 지정해서 사용하겠
      ),
      home: MyHomePage(), // home은 앱이 실행될 때 가장먼저 보여주는 페이지

    );
  }
}

class MyHomePage extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Scaffold( // 교육학 용 : 무언가를 혼자 해낼 수 있게 발판을 만들어 주다. -> 빈 도화지 같은 역할
      appBar: AppBar(
        title: Text('My First App'), // 앱바의 이름
      ),
      body: Center(
        child: Column( // 자신 내에 것들을 모두 세로로 배치하는 기능을 가짐
          children: <Widget>[
            Text('Hello'),
            Text('Hello'),
            Text('Hello'),
          ],
        ),
      ),
    );
  }
}

깃허브 : https://github.com/Limdongkeun/Flutter_APP