플러터:개요 편집하기 (부분)

= 시작 =

* 안드로이드 스튜디오에서 프로젝트로 시작하든, vscode에서 시작하든.(이 챕터 이후 VScode 세팅 등은 [[플러터:VSCode|플러터:VSCode - 학교의 모든 지식. SMwiki]]를 참고하자.)
* 유의할 점은 프로젝트 저장 경로, 플러터 언어의 경로에 절대로 영어 외의 언어가 쓰이면 안된다.(이게 참 불편한 점이다; 회사 원드라이브 경로는 한글인데..)
* 프로젝트를 시작하는 방법과 에뮬레이터(가상기) 사용법에 대하여.

{| class="wikitable"
|+
!단계
!설명
!비고
|-
|설치
|
|
|-
|안드로이드 스튜디오
|플러터의 위치를 지정하는 과정이 필요하다.

* Windows: <code>where flutter</code> 명령어 실행
* macOS/Linux: <code>which flutter</code> 명령어 실행

*애뮬레이터.
:우측 메뉴에 device manager를 통해.
|
|-
|
|
|
|}


보통 처음 실행하면 에러가 뜨는데...(나중에 정리해보자... 

== 기본 양식 ==
<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를 오버라이딩 하는 방식으로 이루어진다.

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