Flutter 개발 환경 준비하기

Intel Mac 기준으로 Flutter 개발 환경 준비 방법을 배워봅시다.
Posted on 2022-01-17 by GKSRUDTN99
Flutter Flutter Android Studio

안드로이드 스튜디오 설치하기

안드로이드 스튜디오 사이트에서 운영체제에 맞게 설치합니다.

설치 과정은 모두 기본 사양에서 진행합니다.

Next버튼과 Finish 등을 클릭해 진행하여 설치합니다.


플러터 설치하기

플러터 SDK 설치하기

플러터 설치 사이트에서 운영체제에 맞게 설치합니다.

위 사이트에서 .zip 파일을 내려받을 수 있습니다.

적당한 곳에 압축을 풀고, 압축 해제한 flutter 폴더를 /usr/local/로 옮깁니다.

$ mkdir -p /usr/local
$ cd ~/Downloads
$ mv -f flutter /usr/local/

shell이 flutter/bin안의 명령어들을 알아들을 수 있도록 환경 변수에 해당 경로를 추가합니다.

.zshrc 파일은 사용자가 terminal을 실행할 때 마다 실행할 명령어들을 모아두는 곳입니다.

이 파일에 환경 변수에 위 경로를 추가하는 명령어를 적어두면, 터미널을 실행할 때 마다 환경 변수를 추가해 줄 필요 없이

바로 사용이 가능합니다.

$ vim ~/.zshrc

위 파일 안에 export PATH=$PATH:/usr/local/flutter/bin/을 추가하고 저장합니다.

터미널을 재실행하거나, .zshrc를 다시 실행하도록 아래 명령을 사용합니다.

$ source ~/.zshrc

flutter doctor명령어를 어디서든 실행했을 때 다음과 같이 표시된다면 잘 설치된 것입니다.

$ flutter doctor
Running "flutter pub get" in flutter_tools...                      10.4s
Doctor summary (to see all details, run flutter doctor -v):
[] Flutter (Channel stable, 2.8.1, on macOS 11.6 20G165 darwin-x64, locale ko-KR)
[!] Android toolchain - develop for Android devices (Android SDK version 32.0.0)
     cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
     Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.
[] Xcode - develop for iOS and macOS (Xcode 13.0)
[] Chrome - develop for the web
[] Android Studio (version 2020.3)
[] Connected device (1 available)

! Doctor found issues in 1 category.

안드로이드 스튜디오에서 Flutter 설치하기

이전 과정에서 설치한 안드로이드 스튜디오를 실행합니다.

Plugins를 선택하고, 검색창에 Flutter를 검색합니다.

Flutter 오른쪽의 Install버튼을 클릭해 설치를 시작합니다.

설치를 진행하다보면 Dart Plugin도 필요하다는 알림창이 뜨는데, Install을 눌러 진행해줍니다.

설치를 완료한 뒤, 새로 생긴 Restart IDE버튼을 눌러 안드로이드 스튜디오를 재시작합니다.

그럼 이전과는 달리, 홈 화면에서 New Flutter Project버튼을 확인할 수 있습니다.

Flutter SDK 경로 설정하기

이전 과정에서 확인한 New Flutter Project버튼을 클릭합니다.

좌측 메뉴에서 Flutter를 선택하면, Flutter SDK의 경로를 지정할 수 있는 화면이 나타납니다.

이전 과정에서 Flutter SDK를 /usr/local/flutter에 설치했으므로, 같은 경로를 지정해주면 됩니다.