[ Flutter ] 개발환경 설정하기 (macOS)

 

 

🛠️ Flutter

Flutter는 Google에서 개발하고 지원하는 오픈 소스 모바일 애플리케이션 개발 프레임워크입니다.

이 섹션에서는 Flutter 개발환경 설정에 대해 설명합니다.

 

🍺 Homebrew 설치

Homebrew는 macOS의 패키지 관리자입니다.

해당 패키지 관리자를 Terminal에서 명령어를 이용하여 패키지를 설치하고, 대부분 별도의 Path 설정 없이 환경변수 설정을 도와줍니다.

 

🔧 Dart 설치

Dart는 Flutter에 사용되는 개발 언어입니다.

# Dart의 설치 여부를 확인합니다.
$ brew -v

# 설치 안 되어 있을 시,
$ brew install dart

 

🔨 Xcode 설치

App Store에서 Xcode를 설치하여 에뮬레이터에 사용될 소프트웨어를 설치합니다.

해당 기능은 개발 중 iOS 에뮬레이터를 사용하여 개발 화면을 확인할 수 있습니다.

 

🔨 CocoaPods 설치

CocoaPods는 Swift 및 Object-C 프로젝트의 종속성 관리자입니다.

$ sudo gem install cocoapods

 

🔨 Android Studio 설치

Web 에서 Android Studio를 설치 후,

SDK Manager에 접근하여 Android SDK Command-line Tools 설치합니다.

AVD Manager에 접근하여 에뮬레이터에 사용될 가상 디바이스를 설치합니다.

해당 기능은 개발 중 안드로이드 에뮬레이터를 사용하여 개발 화면을 확인할 수 있습니다.

 

🛠 Flutter SDK 설치

Flutter를 사용하기 위한 SDK를 설치합니다.

# flutter SDK 설치 여부 확인
$ flutter doctor

# 설치 안 되어 있을 시,
$ brew install flutter

# flutter 설치 확인
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.xx.x, on macOS 1x.x.x 2xxxxx darwin-arm64, locale
    ko-KR)
[!] Android toolchain - develop for Android devices (Android SDK version 3x.x.x)
    ! Some Android licenses not accepted. To resolve this, run: flutter doctor
      --android-licenses
[✓] Xcode - develop for iOS and macOS (Xcode 1x.x.x)
[✓] Chrome - develop for the web
[✓] Android Studio (version 20xx.x)
[✓] IntelliJ IDEA Community Edition (version 20xx.x.x)
[✓] VS Code (version 1.xx.x)
[✓] Connected device (x available)
[✓] Network resources

 

🛠 VScode 설정

VScode를 실행하여 개발을 원하는 폴더를 열고

Extenstion에서 flutter와 dart를 설치합니다.

작업 폴더를 열고 프로젝트를 생성합니다.

# flutter create [프로젝트명]
$ flutter create .

 

에뮬레이터 실행 후,

VScode 우측 하단에 Select Device 또는 cmd + Shift + P로 Flutter: Select Device 선택하여

./lib/main.dart를 열고 Start Debugging으로 프로젝트를 디버깅하며 개발을 진행합니다.