[Flutter] 개발 환경 설정(Mac OS)

개요

Flutter는 2017년 5월에 구글에서 출시한 모바일, 웹, Desktop에서 작동하는 크로스 플랫폼 GUI SDK입니다.

한 번의 개발로 Android 및 ios, 웹, 데스크톱 모두에서 동작되는 Application을 생성할 수 있습니다.
더 자세한 소개는 아래 공식 홈페이지를 참고하세요.

• Flutter: 공식 홈페이지

Flutter - Build apps for any screen

이번 포스트에서는 Flutter를 Mac OS에 설치하는 방법에 대해서 알아보려고 합니다. 다른 OS에 Flutter를 설치하는 방법은 공식 홈페이지를 참고하세요.

• 공식 홈페이지: https://flutter.dev/docs/get-started/install

Install

VScode

Flutter를 개발할 수 있는 많은 툴들이 있지만 저는 그중에서  VSCode를 사용하려고 합니다. 다음 링크를 통해 VSCode를 다운로드 받고, 설치합니다.

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

그리고 다음 명령어를 사용하여 Flutter 개발에 필요한 Extension을 설치합니다.

code --install-extension dart-code.flutter

VSCode 왼쪽 사이드 바의 확장(Extentions)에서 'dart'와 'flutter'를 각각 검색해서 install 할 수도 있습니다.

Xcode

Flutter는 iOS 앱을 개발할 때에는 iOS의 시뮬레이터를 사용하며, 배포할 때에는 Xcode를 사용해야 합니다. 따라서 Xcode를 appStore를 통해 설치해야 합니다.(되게 오래 걸립니다;;)

• Xcode: Mac App Store

‎Xcode

위에 링크를 통해 Xcod를 설치하였다면, 아래 명령어를 실행하여 Xcode를 설정합니다.

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
sudo xcodebuild -license
sudo gem install cocoapods

Android Studio

마찬가지로 Flutter로 안드로이드 개발을 할때, 안드로이드 에뮬레이터를 사용하고 앱을 배포하기 위해서는 Android Studio가 필요합니다. 다음 링크를 통해 Android Studio를 다운로드하고, 설치합니다.

• Android Studio

Download Android Studio & App Tools - Android Developers

Flutter SDK 설치

Flutter로 앱을 개발하기 위해서는 Flutter의 SDK를 설치할 필요가 있습니다.  다음 링크를 통해 Flutter SDK를 다운로드 받습니다.

 https://docs.flutter.dev/get-started/install/macos

macOS install

 

다운로드한 후에 압축 풀고 임의의 디렉터리에 위치시키면 됩니다.
저는`$HOME/dev/flutter` 경로에 위치시켰습니다.

경로 설정

Flutter SDK를 사용하기 위해서는 Flutter SDK의 경로를 설정할 필요가 있습니다. 다음 명령어를 사용하여 경로를 추가하기 위한 파일을 수정합니다.

code ~/.zshrc

그리고 파일의 제일 하단에 다음의 내용을 추가합니다.

앞에서 설치한 `Flutter SDK`의 `/bin` 디렉터리를 추가해 주면 됩니다.

...
export PATH=$HOME/dev/flutter/bin:$PATH

Run Flutter Doctor

 

Flutter가 잘 설치되어 있는지 점검을 해주는 doctor를 실행해 보자

flutter doctor

 

실행이 완료되면 다음과 같은 결과를 확인할 수 있습니다.

 

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.10.5, on macOS 13.4 22F66 darwin-arm64, locale ko-KR)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2022.2)
[✓] VS Code (version 1.80.0)
[✓] Connected device (2 available)
[✓] Network resources

이렇게 하면 모든 설치가 완료된다. 간혹 체크표시가 아니라 !가 뜨고 에러가 뜰 때가 있는데 에러메시지 구글링해보면 대처법이 잘 나옵니다.