[Flutter] Flutter 프로젝트 시작하기

gigilee·2024년 5월 28일

Flutter 입문

목록 보기

7/10

앞선 포스트에서 Dart 언어의 기본기를 충실히 다진 덕에 드디어 Flutter 프로젝트를 생성할 수 있는 단계에 도래했다. 이번 포스트의 주제는 아니나 다를까 Visual Studio Code로 Flutter 프로젝트 생성하기 이다. 부제로는 안드로이드 에뮬레이터를 사용하여 Hello world! 찍어보기 정도랄까?

어딜 가나 빠질 수 없는 헬로 월드 찍어보기, 시작하도록 하겠다.(는 조금 뒤에)

Flutter 프로젝트 생성하기

Visual Studio Code를 실행하고 Ctrl + Shift + P를 누른다.
flutter를 입력 후 Flutter: New Project를 선택한다.
생성할 Application의 종류를 선택한다.
프로젝트를 저장할 폴더 및 프로젝트 이름을 지정 후 프로젝트 생성을 완료한다.

에뮬레이터 실행하기

필자는 Android Studio를 설치했기 때문에 안드로이드 에뮬레이터를 실행할 수 있다. 실행하기에 앞서 안드로이드 에뮬레이터는 다음과 같은 옵션이 있다.

Pixel_3a_API_34_extension_level_7_x86_64 android :

이 옵션은 이미 설정된 Pixel 3a 에뮬레이터를 빠른 시작으로 실행합니다. 이는 에뮬레이터가 이미 한 번 시작되어 '스냅샷' 상태에 있을 때 사용하는 옵션입니다. '빠른 시작'은 이전 세션에서 저장된 상태를 불러와 빠르게 에뮬레이터를 실행하는 방법입니다.

Pixel 3a_API_34_extension_level_7_x86_64 android (cold boot) :

'콜드 부트' 옵션은 에뮬레이터를 처음부터 새롭게 시작합니다. 이는 에뮬레이터가 이전에 저장된 상태 없이 처음부터 전체 부트 프로세스를 거쳐서 시작하는 것을 의미합니다. 이 방법은 에뮬레이터를 '깨끗한' 상태에서 시작하고 싶을 때 유용합니다.

+ Create Android emulator :

새 에뮬레이터를 생성하고자 할 때 이 옵션을 사용합니다. Android Studio의 AVD Manager가 열리며, 여기서 새로운 가상 디바이스를 설정할 수 있습니다.

일반적인 상황에서는 첫 번째 옵션을 선택하여 빠르게 개발하는 것이 좋지만, 에뮬레이터가 예상대로 동작하지 않거나 깨끗한 시작을 원할 때는 콜드 부트 옵션을 선택할 수 있다. 새로운 에뮬레이터 설정이 필요하거나 다른 디바이스 또는 API 레벨을 시도하고 싶다면 세 번째 옵션을 선택하여 새로운 에뮬레이터를 생성할 수 있다.

그러하다고 한다. 그래서 필자는 첫 번째 옵션을 선택했다.

안드로이드 에뮬레이터로 Hello World!

Flutter 프로젝트에서 lib\main.dart 파일을 찾아 아래와 같이 입력한다.

import 'package:flutter/material.dart';

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

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hello flutter!'),
        ),
        body: Center(
          child: Text('Hello world!'),
        ),
      ),
    );
  }
}