1. Hello World!

시작 해보기

import 'package:flutter/material.dart';

void main() {
  runApp(
    Center(
      child: Text(
        'Hello, world!',
        textDirection: TextDirection.ltr,
      ),
    ),
  );
}

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

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

• Flutter는 모든게 위젯으로 이루어져있다!
• runApp()
  • material.dart 에 expose 되어있는 함수
  • 어플에 화면을 뿌리는 함수
  • 인자로 root 위젯을 넣어주면
  • 위젯의 build 함수를 호출한다.

Introduction to widgets

Layout widgets

위젯의 종류

• Visible 위젯
  • 실제로 보이는 위젯
  • Text, Card, RaisedButton 등
• Invisible 위젯
  • 실제로 보이지는 않는 위젯
  • visible 위젯이 어떻게 화면에 보여질지 컨트롤
  • 레이아웃을 정해주는 위젯
  • Row, Column, ListView 등
• Container 위젯
  • 실제로 보이지 않아 Invisible 위젯 같지만
  • 눈에 보이는 스타일링을 할수있다.

예시

• 레이아웃 :

• 위젯으로 구성된 레이아웃 :

• 간단 작동 원리
  • 각 OS의 native ui 에 전혀 상관없이
  • 플러터 자체 구현으로 랜더링된다.
    • 픽셀단위로 하나하나 조정 가능!
  • 플랫폼에 제한이 없고 UI 를 더 자유롭게 쓸수있다.

2. State

state 이해하기