Mac m1 Flutter 개발세팅하는법(+ flutter doctor 에러 해결법)

Flutter 개발을 위해 설정해야 할 것들은 다음과 같다.

우와 엄청나게 복잡하다...

처음 봤을 때는 복잡하다고 생각할 수 있겠지만 정말 간단하니 같이 설치해 보도록 하자

---

1. Flutter 설치

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

macOS install

a. terminal을 실행시켜 다음 명령어를 입력한다.

sudo softwareupdate --install-rosetta --agree-to-license

 

b.

우리는 Intel chip이 아닌 M1 chip을 이용하고 있으니 Apple Silicon을 눌러 설치해 준다.

 

c. Flutter 설치를 한 후 zip파일을 압축해제하면 되는데 압축해제 방법은 다음 두 가지가 있다.

    1. terminal에서 압축해제 (예시)

cd ~/development
unzip ~/Downloads/flutter_macos_arm64_3.3.10-stable.zip

cd 명령어를 이용해 압축을 풀 경로로 이동한 후 unzip 을 통해 방금 설치한 zip 파일 경로를 입력해주면 된다.

 

    2. 폴더에서 더블클릭 하여 압축 해제

zip파일이 설치된 폴더를 열어 zip파일을 더블클릭하면 압축해제가 된다.

 

d. 환경변수 추가하기

$ open ~/.zprofile

하면 새로운 창이 열리게 되는데 여기에 입력해주고 저장해 주면 환경변수 설정은 끝이다.

export PATH="$PATH:/flutter가 설치된 위치/flutter/bin"

 

2. Android Studio 설치

https://developer.android.com/studio

Download Android Studio & App Tools - Android Developers

 

홈페이지에 들어가서 Mac wirh Apple chip을 선택 후 설치해 주면 된다.

 

3. Xcode 설치

Xcode는 Appstore에서 설치하면 된다.

 

4. Chrome 설치

https://www.google.com/chrome/?brand=CHBD&gclid=Cj0KCQiAiJSeBhCCARIsAHnAzT-0adHfVwTrgX3RxaKeDBXvN9U8W_w01LTmDSvOLcVdGjG5_Wc5ovwaAvklEALw_wcB&gclsrc=aw.ds 

Chrome 웹브라우저

 

---

이제 다 설치했다면 terminal을 열어 flutter doctor를 입력해 보자! 설치된 것은 초록색 check표시가 잘 되어있고, 설치가 안된 것이 있다면 빨간색으로 x표시가 되어있을 것이다.

 

Error 해결법

1. Android tool chain 

Android studio를 실행한 후 왼쪽 상단의 Preferences를 누른다.

그리고 왼쪽 메뉴에서 System Settings - Android SDK - SDK Tools에서 Android SDK Command-line Tools (latest)를 Check 한 후 Apply 하면 된다.

그리고 Terminal을 킨 후 아래 명령어를 입력해 주면 된다.

doctor --android-licences

그럼 막 영어로 긴 문장들이 나오는데 y 누르고 엔터 눌러주면 된다. 그러면 설정 완료!

 

2. Unable to find bundled Java version

1. Finder-Applications에서 Android Studio를 우클릭한 후 Show my Package Contents를 누른다.
2. Contents 폴더 안에 "jbr"폴더가 있을 것이다.
3. "jbr"폴더를 복사 붙여 넣기 한 후 그 폴더 이름을 "jre"로 설정해 준다.
4. 그리고 flutter doctor로 확인해 보면 문제가 사라져 있다!

 

---

자 이제 마지막으로 terminal에서 flutter doctor를 입력해서

이렇게 뜬다면 설정 끝!

 

만약 다른 에러들이 있다면 구글에 검색하면 된다.