Flutter란 무엇인가요?

Coddy Flutter 여정의 첫 앱 만들기 섹션에 포함된 레슨. 32개 중 1번째.

Flutter는 앱을 만들기 위한 Google의 도구 모음입니다. 앱을 하나 작성하면 Android 휴대전화, iPhone, 웹 및 데스크톱 컴퓨터에서 실행됩니다. Google Pay와 BMW 앱 같은 앱도 Flutter로 만들어졌습니다.

Flutter 앱은 Dart라는 언어로 작성합니다. 진행하면서 필요한 Dart를 한 번에 작은 부분씩 배우게 됩니다.

Flutter 앱은 위젯으로 구성됩니다. 위젯은 화면의 한 부분입니다. 텍스트 한 줄, 버튼, 그림 또는 다른 위젯을 담는 상자일 수 있습니다. 이 앱에는 위젯이 몇 개 있습니다.

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

main()은 모든 Dart 프로그램이 시작되는 곳입니다. runApp은 위젯을 받아 화면에 표시합니다. 아래쪽의 MyApp 안에서 이 앱이 표시하는 위젯인 Scaffold(빈 화면), Center, Text를 볼 수 있습니다. 아직 모든 줄을 이해할 필요는 없습니다. 이 섹션을 마칠 때쯤이면 이해하게 될 것입니다.

챌린지

쉬움

Run을 누르세요. 앱이 휴대폰 화면에 나타납니다.

그런 다음 Hello, Flutter!를 원하는 단어로 바꾸고, 그 단어를 따옴표로 감싼 채 Run을 다시 눌러 변경 사항을 확인하세요. 완료되면 Check를 누르세요.

직접 해보기

import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Text('Hello, Flutter!'),
        ),
      ),
    );
  }
}