Skip to main content

개발 환경 구축

Views 87약 11분생성형 AI 활용

개발 환경은 앱 개발의 활주로다

Flutter를 배우는 첫날, 가장 많이 만나는 적은 어려운 위젯도 아니고 Dart 문법도 아닙니다. 의외로 "왜 실행이 안 되지?"라는 환경 설정 문제입니다. Flutter는 하나의 코드베이스로 Android, iOS, Web, Desktop까지 다루는 도구이기 때문에 처음 준비해야 할 부품이 조금 많습니다. Flutter SDK, 편집기, Android SDK, 에뮬레이터, macOS라면 Xcode와 CocoaPods까지 맞물려야 합니다.

하지만 겁낼 필요는 없습니다. 환경 설정은 복잡한 미로라기보다 조립식 책상에 가깝습니다. 부품 이름을 알고, 순서대로 조립하고, 마지막에 흔들리는 나사만 조이면 됩니다. 이 장의 목표는 여러분의 컴퓨터를 Flutter 앱을 만들 수 있는 작업대로 바꾸는 것입니다.

Flutter 공식 설치 문서는 로컬 환경을 구성하는 출발점으로 Flutter SDK 설치와 플랫폼별 개발 도구 설정을 안내합니다.1 이 장에서는 그 흐름을 입문자 관점에서 다시 정리합니다. 설치 버튼을 어디서 누르는지보다 더 중요한 것은 "무엇이 왜 필요한지"를 이해하는 것입니다. 그래야 나중에 오류 메시지를 만나도 당황하지 않습니다.

개발 환경 구축

전체 설치 지도를 먼저 그려보자

Flutter 개발 환경은 크게 네 층으로 이루어져 있습니다.

  • Flutter SDK: flutter create, flutter run, flutter doctor 같은 명령어와 Flutter 프레임워크 자체를 포함한 핵심 도구입니다.

  • 편집기 또는 IDE: 코드를 작성하고 실행하고 디버깅하는 공간입니다. 이 책에서는 VS Code 계열 편집기와 Android Studio를 모두 다룹니다.

  • 플랫폼 도구: Android 앱을 실행하려면 Android SDK와 Android Emulator가 필요하고, iOS 앱을 실행하려면 macOS, Xcode, iOS Simulator, CocoaPods가 필요합니다.

  • 실행 대상: 앱을 띄울 Android 에뮬레이터, 실제 Android 기기, iOS 시뮬레이터, 실제 iPhone, Chrome 브라우저 등이 여기에 해당합니다.

처음부터 모든 플랫폼을 완벽하게 준비할 필요는 없습니다. Windows나 Linux 사용자라면 Android 실행 환경을 먼저 갖추면 충분합니다. macOS 사용자라면 Android와 iOS를 모두 준비할 수 있습니다. 단, iOS 앱 빌드와 시뮬레이터 실행은 Xcode가 필요하기 때문에 macOS에서만 가능합니다.

이 장에서는 다음 순서로 진행합니다. 먼저 Flutter SDK를 설치하고, VS Code나 Cursor 같은 편집기에서 Flutter 확장을 준비합니다. 그다음 Android Studio를 설치해 Android SDK와 에뮬레이터를 갖춥니다. macOS 사용자는 이어서 Xcode와 CocoaPods를 확인합니다. 마지막으로 flutter doctor로 상태를 점검하고 첫 앱을 실행합니다.

Flutter SDK 설치하기: 두 가지 길

Flutter SDK를 설치하는 방법은 크게 두 가지입니다. 하나는 공식 압축 파일을 내려받아 직접 설치하는 방식이고, 다른 하나는 VS Code의 Flutter 확장을 이용해 SDK 다운로드와 PATH 설정을 맡기는 방식입니다. 둘 중 하나만 선택하면 됩니다.

직접 설치 방식은 조금 손이 가지만 구조를 이해하기 좋습니다. VS Code 방식은 빠르고 편합니다. 앱 개발이 처음이고 VS Code 계열 편집기를 쓸 예정이라면 VS Code 방식으로 시작해도 좋습니다. 반대로 여러 프로젝트와 SDK 버전을 직접 관리하고 싶다면 공식 압축 파일 방식이 더 명확합니다.

방법 1: 공식 압축 파일로 설치하기

Flutter 공식 사이트에서 운영체제에 맞는 SDK를 내려받습니다. 압축을 푼 뒤, flutter/bin 폴더를 PATH에 추가하면 터미널 어디서든 flutter 명령어를 사용할 수 있습니다.

설치 경로는 단순한 곳이 좋습니다. 특히 Windows에서는 공백이나 한글, 특수문자가 들어간 경로를 피하는 편이 안전합니다.

Windows 예시: C:srcflutter
macOS 예시: ~/development/flutter
Linux 예시: ~/development/flutter

Windows에서는 환경 변수 설정 화면에서 사용자 변수 또는 시스템 변수의 Path에 다음 경로를 추가합니다.

C:srcflutterbin

macOS나 Linux에서는 사용하는 셸에 따라 ~/.zshrc, ~/.bashrc, ~/.bash_profile 중 하나에 다음 줄을 추가합니다. 최근 macOS는 기본 셸이 zsh인 경우가 많으므로 보통 ~/.zshrc를 수정합니다.

export PATH="$PATH:$HOME/development/flutter/bin"

파일을 저장한 뒤 터미널을 다시 열거나 다음 명령어를 실행합니다.

source ~/.zshrc

설치가 제대로 되었는지 확인하려면 터미널에서 다음 명령어를 입력합니다.

flutter --version

버전 정보가 출력되면 Flutter 명령어가 PATH에 잘 연결된 것입니다.

방법 2: VS Code에서 Flutter SDK 설치하기

Flutter 공식 문서는 VS Code뿐 아니라 Cursor, Windsurf처럼 Code OSS 기반 편집기에서도 Flutter 확장을 이용한 설치 흐름을 안내합니다.2 Code OSS 기반 편집기란 VS Code의 오픈소스 기반을 활용해 만들어진 편집기 계열을 말합니다. Cursor와 Windsurf는 AI 코딩 기능을 강화한 편집기이지만, Flutter 확장 설치와 프로젝트 실행 방식은 VS Code와 거의 비슷합니다.

VS Code에서 설치하는 흐름은 간단합니다.

  1. VS Code를 실행합니다.

  2. Extensions에서 Flutter를 검색해 설치합니다.

  3. 명령 팔레트를 엽니다. Windows와 Linux는 Ctrl + Shift + P, macOS는 Command + Shift + P입니다.

  4. Flutter: New Project를 입력해 선택합니다.

  5. Flutter SDK를 찾을 수 없다는 메시지가 나오면 Download SDK를 선택합니다.

  6. SDK를 설치할 폴더를 선택하고 다운로드가 끝날 때까지 기다립니다.

  7. Add SDK to PATH 메시지가 나오면 PATH에 추가합니다.

설치가 끝났다면 터미널을 모두 닫았다가 다시 열고, VS Code도 재시작하는 것이 좋습니다. 환경 변수는 이미 열려 있던 터미널에 바로 반영되지 않을 수 있기 때문입니다.

VS Code 방식의 장점은 초반 진입 장벽이 낮다는 것입니다. Flutter 확장을 설치하면 Dart 확장도 함께 설치되고, 프로젝트 생성과 실행 메뉴가 편집기 안에 자연스럽게 연결됩니다.3

편집기 선택: VS Code, Cursor, Windsurf, Android Studio

Flutter 코드는 어디서 작성해도 됩니다. 메모장에서도 작성할 수 있습니다. 하지만 자동완성, 오류 표시, 디버깅, Hot Reload를 생각하면 Flutter를 잘 지원하는 편집기를 쓰는 편이 훨씬 편합니다.

VS Code는 가볍고 빠릅니다. Flutter 확장을 설치하면 코드 자동완성, 오류 분석, 디버깅, 실행 대상 선택, flutter doctor 실행 등을 편집기 안에서 할 수 있습니다. Cursor와 Windsurf는 VS Code와 비슷한 사용 경험에 AI 보조 기능을 더한 편집기입니다. 이 책의 후반부에서는 AI 도구를 활용한 개발 워크플로우도 다룰 예정이므로, AI 편집기에 관심이 있다면 Cursor나 Windsurf를 써도 괜찮습니다.

Android Studio는 조금 무겁지만 Android 개발 도구와 에뮬레이터 관리가 강력합니다. Flutter 앱을 VS Code에서 작성하더라도 Android SDK와 에뮬레이터를 설치하기 위해 Android Studio는 거의 필수에 가깝습니다. 특히 Android SDK Manager, Device Manager, 로그 확인, Gradle 관련 문제 해결에는 Android Studio가 큰 도움이 됩니다.

처음 시작하는 독자에게 추천하는 조합은 이렇습니다. 코딩은 VS Code 또는 Cursor에서 하고, Android SDK와 에뮬레이터 관리는 Android Studio에서 합니다. 무거운 장비는 창고에 두고, 가벼운 공구는 책상 위에 올려두는 느낌입니다.

Android Studio 설치와 Android SDK 준비

Android 앱을 실행하려면 Flutter SDK만으로는 부족합니다. Flutter가 Dart 코드를 Android 앱으로 빌드하려면 Android SDK, Platform Tools, Build Tools, Emulator 같은 Android 개발 도구가 필요합니다. 이 도구들을 가장 쉽게 설치하고 관리하는 방법이 Android Studio입니다.

Android Studio를 설치한 뒤 처음 실행하면 Setup Wizard가 필요한 구성 요소를 설치합니다. 가능한 한 기본 설정을 유지하는 것이 좋습니다. 설치 후에는 Android Studio의 SDK Manager에서 필요한 도구가 설치되어 있는지 확인합니다. Flutter 공식 Android 설정 문서는 Android Studio를 통해 Android SDK Platform과 SDK Tools를 설치하고, Android SDK Build-Tools, Command-line Tools, Android Emulator, Platform-Tools 등을 확인하라고 안내합니다.4

Android Studio에서 다음 위치로 이동합니다.

Android Studio > Settings 또는 Preferences > Languages & Frameworks > Android SDK

운영체제와 Android Studio 버전에 따라 메뉴 이름이 조금 다를 수 있습니다. 중요한 것은 Android SDK 설정 화면을 찾는 것입니다. 여기서 SDK Platforms 탭과 SDK Tools 탭을 확인합니다.

SDK Platforms에서는 최신 안정 Android API를 하나 이상 설치합니다. SDK Tools에서는 다음 항목이 설치되어 있는지 확인합니다.

  • Android SDK Build-Tools

  • Android SDK Command-line Tools

  • Android Emulator

  • Android SDK Platform-Tools

  • CMake와 NDK는 당장 모든 앱에 필요한 것은 아니지만, 일부 네이티브 플러그인이나 고급 빌드에서 필요할 수 있습니다.

설치 후에는 Android 라이선스에 동의해야 합니다. 터미널에서 다음 명령어를 실행합니다.

flutter doctor --android-licenses

여러 라이선스 문구가 차례로 나오면 내용을 확인하고 동의합니다. 학습 환경에서는 보통 y를 입력해 진행합니다. 마지막에 다음과 비슷한 메시지가 나오면 완료입니다.

All SDK package licenses accepted.

Android 에뮬레이터 만들기

에뮬레이터는 컴퓨터 안에서 돌아가는 가상의 스마트폰입니다. 실제 폰 없이도 앱을 실행하고 화면을 확인할 수 있습니다. Flutter UI를 빠르게 테스트하기에 아주 좋습니다.

Android Studio에서 Device Manager를 엽니다. 처음 설치했다면 등록된 기기가 없을 수 있습니다. Create Virtual Device 또는 + 버튼을 눌러 새 가상 기기를 만듭니다.

초보자는 Pixel 계열의 기본 Phone 프로필을 선택하면 충분합니다. 너무 고해상도이거나 무거운 기기를 고르면 컴퓨터 사양에 따라 에뮬레이터가 느려질 수 있습니다. 처음에는 중간 크기의 Pixel 기기를 고르는 것이 좋습니다.

시스템 이미지는 에뮬레이터가 사용할 Android 운영체제입니다. 다운로드 아이콘이 보이면 먼저 내려받아야 합니다. 일반적으로 최근 안정 버전의 x86_64 또는 ARM 이미지 중 자신의 컴퓨터에 맞는 이미지를 선택합니다. Apple Silicon Mac에서는 ARM 이미지가 자연스러운 선택일 때가 많고, Intel/AMD 기반 PC에서는 x86_64 이미지가 많이 사용됩니다.

설정을 마치고 Finish를 누르면 Device Manager 목록에 새 에뮬레이터가 나타납니다. 재생 버튼을 눌러 실행해 봅니다. 처음 부팅은 조금 오래 걸릴 수 있습니다. 가상의 스마트폰 홈 화면이 보이면 성공입니다.

에뮬레이터가 너무 느리다면 가상화 기능을 확인해야 합니다. Windows PC에서는 BIOS/UEFI에서 Intel VT-x 또는 AMD-V가 활성화되어 있어야 합니다. 그래픽 설정에서 Hardware acceleration을 사용할 수 있다면 켜는 것이 좋습니다. 에뮬레이터는 조용히 보이는 것보다 훨씬 힘든 일을 하고 있습니다. 작은 스마트폰 한 대를 컴퓨터 안에서 통째로 돌리는 셈이니까요.

실제 Android 기기 연결하기

에뮬레이터만으로도 대부분의 학습은 가능합니다. 하지만 카메라, 위치, 진동, 생체 인증, 실제 성능, 배터리 사용량 같은 것은 실제 기기에서 확인해야 합니다. 특히 후반부에서 이미지 첨부나 푸시 알림을 다룰 때 실제 기기 테스트가 중요해집니다.

Android 기기를 연결하려면 먼저 개발자 옵션을 켜야 합니다. 보통 다음 흐름으로 진행합니다.

  1. Android 기기에서 설정 앱을 엽니다.

  2. 휴대전화 정보 또는 About phone으로 이동합니다.

  3. 빌드 번호를 여러 번 탭해 개발자 옵션을 활성화합니다.

  4. 설정으로 돌아와 개발자 옵션에서 USB 디버깅을 켭니다.

  5. USB 케이블로 컴퓨터와 연결한 뒤, 기기에 표시되는 디버깅 허용 팝업을 승인합니다.

Windows에서는 제조사 USB 드라이버가 필요할 수 있습니다. 삼성, 샤오미, LG 등 기기 제조사에 따라 드라이버가 다릅니다. 케이블도 중요합니다. 충전만 되는 케이블을 사용하면 아무리 기다려도 기기가 잡히지 않습니다. 데이터 전송이 가능한 케이블을 사용하세요.

연결 상태는 다음 명령어로 확인합니다.

flutter devices

기기 이름과 android-arm64 같은 정보가 보이면 Flutter가 실제 기기를 인식한 것입니다.

macOS에서 iOS 개발 환경 준비하기

iOS 앱을 만들려면 macOS가 필요합니다. Windows나 Linux에서 iOS 시뮬레이터를 직접 실행하거나 App Store용 iOS 앱을 빌드할 수는 없습니다. macOS 사용자라면 Xcode를 설치해 iOS 시뮬레이터와 빌드 도구를 준비할 수 있습니다.

Flutter 공식 iOS 설정 문서는 Xcode 설치, Xcode command-line tools 설정, 라이선스 동의, iOS 플랫폼 지원 다운로드, Apple Silicon Mac의 Rosetta, CocoaPods 설치를 안내합니다.5

먼저 Mac App Store에서 Xcode를 설치합니다. 용량이 꽤 크므로 저장 공간과 시간을 넉넉히 준비하세요. 설치 후 터미널에서 다음 명령어를 실행해 Flutter가 사용할 Xcode 경로를 지정합니다.

sudo sh -c 'xcode-select -s /Applications/Xcode.app/Contents/Developer && xcodebuild -runFirstLaunch'

그다음 Xcode 라이선스에 동의합니다.

sudo xcodebuild -license

iOS 시뮬레이터 런타임이 필요하다면 다음 명령어로 iOS 플랫폼 지원을 내려받을 수 있습니다.

xcodebuild -downloadPlatform iOS

시뮬레이터는 다음 명령어로 실행할 수 있습니다.

open -a Simulator

CocoaPods도 확인해야 합니다. CocoaPods는 iOS 프로젝트에서 네이티브 의존성을 관리하는 도구입니다. Flutter 앱에서 Firebase, 카메라, 위치 같은 플러그인을 사용할 때 iOS 쪽 네이티브 라이브러리를 연결하는 데 자주 등장합니다.

CocoaPods 설치 방법은 Ruby 환경, Homebrew 사용 여부, macOS 버전에 따라 달라질 수 있습니다. 이미 설치되어 있는지 먼저 확인합니다.

pod --version

버전이 출력되면 설치되어 있는 것입니다. 설치되어 있지 않다면 CocoaPods 공식 설치 안내에 따라 설치합니다. 나중에 iOS 빌드 오류에서 pod install, Podfile, Pods 같은 단어를 자주 보게 될 텐데, 지금은 "iOS 플러그인 연결을 돕는 도구" 정도로 이해하면 충분합니다.

실제 iPhone에서 실행하려면 추가 설정이 필요합니다. 기기를 Mac에 연결하고 Trust This Computer를 승인해야 하며, iOS 16 이상에서는 기기 설정에서 Developer Mode를 켜야 합니다. 또한 Xcode에서 Apple ID와 서명 설정을 연결해야 합니다. 이 부분은 iOS 출시 장에서 더 자세히 다룹니다. 지금은 시뮬레이터에서 앱을 실행하는 것만 성공해도 충분합니다.

flutter doctor로 건강검진하기

이제 Flutter 개발 환경의 건강검진을 할 차례입니다. 터미널에서 다음 명령어를 실행합니다.

flutter doctor -v

doctor라는 이름이 귀엽지만 하는 일은 꽤 진지합니다. Flutter SDK, Android toolchain, Xcode, Chrome, Android Studio, VS Code, 연결된 기기, 네트워크 리소스 등을 검사하고 무엇이 준비되었고 무엇이 부족한지 알려줍니다.

출력 결과는 대체로 다음 표시로 구분됩니다.

[✓] 정상
[!] 주의 또는 추가 설정 필요
[✗] 오류 또는 필수 구성 누락

처음 실행했을 때 모든 항목이 초록 체크일 필요는 없습니다. 예를 들어 Windows 사용자는 Xcode 항목이 없어도 정상입니다. iOS 개발은 macOS에서만 가능하기 때문입니다. 중요한 것은 자신이 개발하려는 대상 플랫폼에 필요한 항목이 정상인지 확인하는 것입니다.

자주 만나는 문제를 원인별로 보면 다음과 같습니다.

증상가능한 원인해결 방향
flutter 명령어를 찾을 수 없음flutter/bin이 PATH에 없음PATH에 SDK의 bin 경로를 추가하고 터미널 재시작
Android toolchain 경고Android SDK 또는 Command-line Tools 누락Android Studio의 SDK Manager에서 필요한 도구 설치
Android license status unknownSDK 라이선스 미동의flutter doctor --android-licenses 실행
No devices available에뮬레이터가 꺼져 있거나 실제 기기 미연결에뮬레이터 실행 또는 USB 디버깅 확인
Xcode 경고Xcode 미설치, 라이선스 미동의, command-line tools 미설정Xcode 설치 후 xcode-select, xcodebuild -license 확인
CocoaPods 경고CocoaPods 미설치 또는 버전 문제pod --version 확인 후 설치 또는 업데이트

환경 설정 오류를 해결할 때는 한 번에 모든 것을 고치려고 하지 마세요. flutter doctor가 알려주는 첫 번째 문제부터 차례대로 해결하면 됩니다. Flutter 환경 설정은 보스전이 아니라 체크리스트입니다.

첫 번째 Flutter 앱 만들기

이제 드디어 앱을 만들어 봅니다. 작업용 폴더로 이동한 뒤 다음 명령어를 실행합니다.

flutter create hello_flutter

프로젝트가 생성되면 폴더로 이동합니다.

cd hello_flutter

연결된 실행 대상을 확인합니다.

flutter devices

에뮬레이터나 실제 기기가 보인다면 앱을 실행합니다.

flutter run

잠시 기다리면 Flutter 기본 카운터 앱이 실행됩니다. 화면 가운데 숫자가 있고, 오른쪽 아래의 + 버튼을 누르면 숫자가 올라갑니다. 아주 단순한 앱이지만 이 순간 꽤 많은 일이 일어납니다. Dart 코드가 컴파일되고, Android 또는 iOS 프로젝트가 빌드되고, 앱이 기기에 설치되고, Flutter 엔진이 화면을 그립니다.

VS Code에서 실행하려면 프로젝트 폴더를 열고, 오른쪽 아래 상태 표시줄에서 실행 대상을 선택한 뒤 F5를 누르거나 Run 메뉴에서 Start Debugging을 선택합니다. 디버깅 없이 실행하려면 Ctrl + F5 또는 macOS에서 해당 단축키를 사용할 수 있습니다.

Android Studio에서는 Open으로 프로젝트를 열고, 상단의 실행 대상 선택 메뉴에서 에뮬레이터나 기기를 선택한 뒤 초록색 실행 버튼을 누르면 됩니다.

앱이 실행되었다면 첫 번째 관문을 통과한 것입니다. 지금 화면에 보이는 카운터 앱은 작지만, 앞으로 우리가 만들 개인 지식 노트 앱의 씨앗입니다. 버튼, 상태, 화면 갱신, 프로젝트 구조가 모두 이 작은 예제 안에 들어 있습니다.

프로젝트 폴더 구조 이해하기

Flutter 프로젝트를 처음 열면 파일과 폴더가 많아 보입니다. 하지만 처음부터 전부 알 필요는 없습니다. 지금은 어떤 폴더가 Flutter 공통 코드이고, 어떤 폴더가 플랫폼별 설정인지 구분하면 됩니다.

기본 프로젝트 구조는 대략 다음과 같습니다.

hello_flutter/
  android/
  ios/
  lib/
    main.dart
  test/
  pubspec.yaml

lib 폴더는 우리가 가장 많이 머무를 공간입니다. Flutter 앱의 Dart 코드가 들어갑니다. 기본 앱에서는 lib/main.dart가 앱의 시작점입니다. 앞으로 위젯, 화면, 상태관리 코드, API 호출 코드 대부분이 이 폴더 아래에 놓입니다.

pubspec.yaml은 Flutter 프로젝트의 설정 파일입니다. 앱 이름, 설명, 버전, 패키지 의존성, 이미지와 폰트 같은 assets 설정을 관리합니다. 웹 개발 경험이 있다면 package.json과 비슷한 역할이라고 생각해도 됩니다. 단, YAML은 들여쓰기에 민감하므로 공백을 조심해야 합니다.

android 폴더는 Android 앱을 만들기 위한 플랫폼별 프로젝트입니다. AndroidManifest, Gradle 설정, 앱 아이콘, 권한 설정 등이 들어갑니다. 나중에 카메라, 위치, 인터넷 권한을 추가하거나 Android 출시 빌드를 만들 때 이 폴더를 다룹니다.

ios 폴더는 iOS 앱을 만들기 위한 플랫폼별 프로젝트입니다. Xcode 프로젝트, Info.plist, iOS 권한 문구, CocoaPods 설정 등이 들어갑니다. Windows나 Linux에서는 이 폴더가 있어도 iOS 빌드를 직접 실행할 수 없습니다.

test 폴더에는 테스트 코드가 들어갑니다. 처음 생성된 프로젝트에는 기본 위젯 테스트가 포함되어 있습니다. 지금은 낯설 수 있지만, 후반부에서 테스트 가능한 앱 구조를 만들 때 이 폴더가 중요해집니다.

추가로 프로젝트 옵션에 따라 web, windows, macos, linux 폴더가 생성될 수 있습니다. 이들은 각각 웹과 데스크톱 플랫폼을 위한 설정 폴더입니다. Flutter는 하나의 lib 코드에서 출발하지만, 실제 앱으로 포장될 때는 각 플랫폼 폴더의 설정을 함께 사용합니다.

설치가 끝났다면 이것만 확인하자

환경 설정을 마쳤다면 다음 네 가지를 확인하세요.

  • flutter --version이 정상적으로 출력된다.

  • flutter doctor -v에서 목표 플랫폼 관련 항목이 정상 또는 해결 가능한 상태로 보인다.

  • Android 에뮬레이터나 실제 Android 기기가 flutter devices에 표시된다.

  • flutter create로 만든 기본 앱이 flutter run 또는 편집기의 실행 버튼으로 실행된다.

macOS 사용자라면 여기에 iOS 시뮬레이터 실행도 추가로 확인하면 좋습니다. open -a Simulator로 시뮬레이터를 열고, Flutter 프로젝트에서 iOS 시뮬레이터를 실행 대상으로 선택해 앱을 띄워 보세요.

모든 항목이 한 번에 성공하지 않아도 괜찮습니다. 개발 환경 구축은 누구에게나 조금 번거로운 과정입니다. 프로 개발자도 새 컴퓨터를 세팅할 때는 flutter doctor와 한참 대화합니다. 중요한 것은 오류 메시지를 두려워하지 않는 태도입니다. 오류 메시지는 실패 선언이 아니라 다음에 눌러야 할 버튼을 알려주는 안내판입니다.

다음 장으로 가기 전에

이 장에서는 Flutter SDK를 설치하고, 편집기와 Android Studio를 준비하고, 에뮬레이터와 실제 기기를 연결하고, flutter doctor로 문제를 진단하고, 첫 Flutter 앱을 실행했습니다. 이제 여러분의 컴퓨터는 Flutter 앱을 만들 준비가 되었습니다.

다음 장에서는 Flutter 개발의 리듬을 익힙니다. 코드를 바꿨을 때 화면이 즉시 갱신되는 Hot Reload, 앱 상태까지 다시 시작하는 Hot Restart, Debug/Profile/Release 모드의 차이, 패키지를 관리하는 pubspec.yaml, 그리고 에러 메시지를 읽는 법을 살펴봅니다. 환경이라는 활주로가 준비되었으니, 이제 비행기를 조금씩 움직여 볼 시간입니다.

참고

1Install Flutter

2Install Flutter using VS Code

3Visual Studio Code에서 Flutter 사용하기

4Set up Android development

5Set up iOS development

책 목록

처음부터 배포까지 Flutter 앱 개발 입문

전체 목차 보기

이 노트는 보도·비평·교육·연구 목적으로 작성되었습니다. 저작권 문의가 있으시면 에서 알려주세요.

틸노트는 사용자가 AI를 활용해 노트를 쉽게 작성하거나 편집할 수 있는 서비스입니다.

AI 스퀘어 단톡방에 함께해요

AI 활용과 틸노트 사용 팁을 나누는 오픈채팅방입니다. 입장 비밀번호는 tilnote입니다.

참여하기