[Flutter] flutter 설치 및 세팅하기(mac 버전)

Photo by  Hello I'm Nik on Unsplash

 

 

1. 아래에 있는 링크에서 Flutter SDK를 다운로드 받는다.

https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_2.0.6-stable.zip

플루터 공식문서 설치 메뉴얼에서 Flutter SDK 링크의 위의 파란 버튼이 있다. 버튼을 눌러주면 다운로드 폴더에 자동으로 다운로드된다.

다운로드 폴더에 zip파일을 다운된 상태에서 Flutter SDK를 설치하고 싶은 폴더에 sdk를 unzip하므로 실제 설치하는 폴더가 자신이 지정할 수 있다.

2. Flutter SDK를 설치하고 싶은 폴더를 정한다.

3. Flutter SDK를 설치하고 싶은 폴더로 이동한다.

터미널을 먼저 켜 주고 설치하고 싶은 폴더로 터미널에서 이동한다.

cd Flutter SDK를 설치할 폴더명cd folder_name

4. Flutter SDK를 설치하고 싶은 폴더에 Flutter SDK 압축을 푼 파일을 설치하도록 unzip 명령어를 실행한다.

다운로드를 하게 되면 자동으로 downloads 폴더에 저장되게 되므로 공식 문서의 명령어를 그대로 입력하면 된다. zip 폴더 저장된 폴더가 다르다면 /Downloads/ 대신 zip 폴더 저장된 폴더의 이름을 적어준다.

unzip ~/Downloads/flutter_macos_2.0.6-stable.zip

5. 이 명령어를 실행하게 되면 자동적으로 Flutter SDK를 설치하고 싶은 폴더에 flutter라는 폴더가 생기고 폴더 안에 Flutter SDK 파일들이 unzip되어 설치된다. 시간이 오래 걸리지만 기다려 주기만 하면 된다.

creating: flutter/inflating: flutter/CODE_OF_CONDUCT.mdinflating: flutter/LICENSEcreating: flutter/bin/creating: flutter/bin/cache/inflating: flutter/bin/cache/openssl.stampcreating: flutter/bin/cache/artifacts/.....flutter/bin/cache/artifacts/engine/darwin-x64-release/FlutterMacOS.framework/FlutterMacOS -> Versions/Current/FlutterMacOSflutter/.pub-cache/hosted/pub.dartlang.org/test-1.16.0/doc/package_config.md -> configuration.md

위와 같이 Flutter SDK 파일들이 unzip되어 설치되어 완료되게 된다.

6. 나중에 해도 되긴 하지만 iOS 및 Android 바이너리를 먼저 다운로드 받으면 더 좋다.

flutter precache

7. 경로 설정하기

이 부분이 매우 중요하다. 별표를 여러 개 표시해도 모자라지 않다. 경로 지정을 제대로 하지 않는 경우 이후 프로젝트를 진행할 때 각종 에러를 만날 수 있다.

경로는 일시적으로만 지정하면 매번 설정해야 하므로 매번 설정하지 않아도 되도록 .bashrc에 꾹꾹 눌러서 저장해 두어야 한다. 카탈리나의 경우에는 .zshrc에서 같은 방식으로 경로를 지정해 주면 되며 .bashrc을 기준으로 다음과 같은 방법으로 설정한다.

(1) .bashrc 파일을 터미널에서 열기

vi $HOME/.bashrc.

(2) .bashrc 파일을 터미널에서 수정하기

파일을 열었더라도 수정하려면 입력을 의미하는 i를 눌러야 입력 모드로 변경된다.

(3) .bashrc 파일에 Flutter SDK 파일 설치된 경로를 저장하기

export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

이 명령어를 그대로 복사하면 경로 지정이 되지 않게 된다. 왜냐하면 [PATH_TO_FLUTTER_GIT_DIRECTORY] 자리에 자신의 컴퓨터에 실제로 Flutter SDK 파일이 설치된 경로를 저장해야 되기 때문이다.

예를 들어서 /User/desktop/play 라는 폴더에 Flutter SDK 파일을 unzip 했다면,

export PATH="$PATH:/User/desktop/play/flutter/bin"

이라고 지정해 주어야 한다.

(4) .bashrc 파일에 저장하고 원래의 터미널로 되돌아 온다.

esc 버튼 을 누르고 : , w ,q 를 눌러주면 .bashrc 파일에서 빠져나오게 된다.

8. 플루터 실행 경로를 다음의 명령어를 통해 재확인 할 수 있다.

echo $PATHwhich flutter

위의 사례의 폴더라면 다음과 같은 결과가 나온다.

.../Users/desktop/play/flutter/bin (echo $PATH 의 결과)/User/desktop/play/flutter/bin/flutter (which flutter의 결과)

이 경로는 따로 메모하면 다음에 경로 설정이 잘 되었는지 다시 한번 체크할 때 도움이 된다.

9. 일시적인 경로만 입력하고 싶다면? 경로를 매번 설정해야 하므로 말리고 싶은 방법이지만 그래도 꼭 일시적으로만 경로를 한 번만 사용한다고 하면 아까 압축을 풀었던 Flutter SDK 파일이 설치된 폴더에서 다음의 명령어를 입력하면 된다. 이후 에러는 자주 만나게 될 수 있다.

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

10. 설정 환경을 올바르게 되었는지 체크해주는 플루터 의사를 만나준다.

flutter doctor

플루터 설정 환경에 문제가 없는지 정말 의사처럼 체크해준다.

Doctor summary (to see all details, run flutter doctor -v):[✓] Flutter (Channel stable, 2.0.6, on Mac OS X 10.14.5 18F132 darwin-x64,locale ko-KR)[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)! Some Android licenses not accepted.  To resolve this, run: flutter doctor--android-licenses[!] Xcode - develop for iOS and macOS! Xcode 11.3.1 out of date (12.0.1 is recommended).Download the latest version or update via the Mac App Store.! CocoaPods 1.8.4 out of date (1.10.0 is recommended).CocoaPods is used to retrieve the iOS and macOS platform side's plugincode that responds to your plugin usage on the Dart side.Without CocoaPods, plugins will not work on iOS or macOS.For more info, see https://flutter.dev/platform-pluginsTo upgrade seehttps://guides.cocoapods.org/using/getting-started.html#installation forinstructions.[✓] Chrome - develop for the web[✓] Android Studio (version 4.1)[✓] Connected device (2 available)! Doctor found issues in 2 categories.

Xcode의 업그레이드와 같이 자세한 설명을 첨부한 진단서를 보여준다. 진단서에 있는 내용을 보완해주면 된다.