2023년 10월 6일 금요일

Mac에서 Flutter 설치하기 - 개발 환경 세팅 (Android Studio, Xcode)

Mac에서 Flutter 설치하기 - 개발 환경 세팅 (Android Studio, Xcode)

Flutter란?

플러터는 구글이 출시한 오픈 소스 크로스 플랫폼 GUI 애플리케이션 프레임워크이다. 안드로이드, iOS, 윈도우즈, 리눅스 및 웹용 애플리케이션과 구글 퓨시아용 앱의 주된 소스코드로 사용된다. 사용되는 언어는 구글의 Dart를 사용합니다.


Flutter 설치


시스템 요구 사항

Flutter를 설치하고 실행하려면 개발 환경이 다음과 같은 최소 요구 사항을 충족해야 합니다.

  • 운영 체제 : macOS, 버전 10.14 (Mojave) 이상
  • 디스크 공간 : 2.8GB 
  • 도구 : Flutter는 git 설치 및 업그레이드에 사용됩니다.

Flutter SDK 다운로드 받기

인텔(flutter_macos_3.13.6-stable.zip) 또는 애플실리콘(flutter_macos_arm64_3.13.6-stable.zip) 버전의 SDK를 다운로드하고 원하는 위치에 압축을 풉니다.

$ mkdir development
$ cd ~/development
$ unzip ~/Downloads/flutter_macos_arm64_3.13.6-stable.zip


Flutter 경로 설정

flutter경로에 path를 추가합니다.

$ export PATH="$PATH:`pwd`/flutter/bin"

이 명령은 현재 터미널 창 PATH에 대해서만 변수를 설정합니다.


Flutter를 영구적으로 추가 하려면 아래와 같이 작성합니다.

$ vi ~/.zshrc

# Flutter
# export PATH="$PATH:[PATH_OF_FLUTTER_GIT_DIRECTORY]/bin"
export PATH="$PATH:/Users/[USER_DIR]/development/Flutter/bin"

// .zshrc 파일 저장 후

$ source ~/.zshrc

flutter/bin디렉토리 폴더에서 다음을 실행해서 디렉토리가 PATH에 있는 확인합니다.

$ echo $PATH

다음을 실행하여 flutter 명령을 사용할 수 있는지 확해보세요.

$ which flutter


Flutter 버전 확인

$ flutter --version
Flutter 3.13.6 • channel stable • https://github.com/flutter/flutter.git
Framework • revision ead455963c (8 days ago) • 2023-09-26 18:28:17 -0700
Engine • revision a794cf2681
Tools • Dart 3.1.3 • DevTools 2.25.0

flutter가 설치를 확인했습니다. 이제 flutter명령을 실행할 준비가 되었습니다.

기존 flutter버전을 업데이트 하려면 아래와 같이 입력해주세요.

$ flutter upgrade

이 명령은 현재 Flutter 채널에서 사용할 수 있는 Flutter SDK의 최신 버전을 가져옵니다.


Flutter doctor 실행

다음 명령을 실행하여 설정을 완료하기 위해 설치해야 하는 종속성이 있는지 확인합니다. doctor 명령어는 flutter 설정을 완료하는데 필요한 의존성이 있는지 확인하기 위한 명령어 입니다.

$ flutter doctor

Xcode가 없다고 나올때 app store에서 Xcode를 검색하여 설치해줍니다.

Xcode 설치

Xcode 설치 사이트 이동

다운로드가 완료된후 아래과 같이 진행합니다.

$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
$ sudo xcodebuild -runFirstLaunch
# Install Successed 출력 후

# 라이센스에 서명합니다.
$ sudo xcodebuild -license

CocoaPods이 설치가 안되어 있을때는 아래와 같이 설치해줍니다.

$ sudo gem install cocoapods

flutter doctor로 정상적으로 설치가 되어있는지 확인해 봅니다.


Android toolchain이 없다고 나올때 Android Studio를 설치하고 Android SDK Command0lin Tools를 설치해줍니다.

Android Studio 설치

안드로이드 의존성을 위해 Android Studio를 설치합니다.

안드로이드 스튜디오 설치 사이트 이동

다운로드를 선택하고 원하는 종류(Mac with Intel chip 또는 Mac with Apple chip)를 선택하여 다운로드 합니다.

Android Studio를 실행하고 Preferences에 Appearance &  Behavior > System Settins > Android SDK > SDK Tools > Andriod SDK Command-lin Tools를 선택하고 다운로드합니다.

마지막으로 아래와 같이 안드로이드 라이센스를 적용해줍니다.

# 안드로이드 라이센스를 적용해줍니다.
$ flutter doctor --android-licenses

flutter doctor로 정상적으로 설치가 되어있는지 확인해 봅니다.


모두 정상적으로 설치가 완료되면 아래와 같이 출력됩니다.

flutter doctor success


Flutter 시뮬레이터 실행


iOS 시뮬레이터 실행

아래 명령어를 실행하면 아이폰 시뮬레이터가 실행됩니다.

$ open -a Simulator