플러터:개념 잡기 편집하기

{{플러터}}

== 개요 ==
플러터 코드를 작성하는 데 있어 기본 개념에 대한 문서.

== 기본 양식 ==
<syntaxhighlight lang="dart">
import 'package:flutter/material.dart';  // 마테리얼 디자인 관련 라이브러리.(안드로이드 방식. 이지만 ios도 지원)

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,  // 디버그 표시 지우기.
      home: Scaffold(
        body: Center(
          child: Text('Hello, World!'),
        ),
      ),
    );
  }
}

</syntaxhighlight>기본적인 흐름은 main>runApp>위젯 형식이다. 위젯을 상속한 클래스의 build를 오버라이딩 하는 방식으로 이루어진다.

위의 경우, MyApp에서 빌드를 진행한다.

== 팁 ==
대부분 IDE에서 ctrl+s를 통해 핫 리로드를 제공한다.(코드의 빠른 반영 확인)



= 학습 =
{| class="wikitable"
!사이트
!설명
!비고
|-
|공식 문서
|
|https://docs.flutter.dev/get-started/codelab
|-
|다트 패드
|다트로 작성한 코드를 실행하는 코드 에디터. 간단한 플러터 코드를 실험해볼 수 있다.
|https://dartpad.dev/
|}

= 예제 =
{| class="wikitable"
|+
!사이트
!설명
!비고
|-
|공식 문서
|
|https://api.flutter.dev/
|-
|공식
|공식 예제 사이트.
|https://flutter.github.io/samples/#
|-
|
|
|
|-
|
|
|
|}