Flutter

[Flutter] Mac 플러터 SDK 설치 및 안드로이드 스튜디오 연동

높은곳에영광 2022. 3. 2. 15:11

22년 3월 1일 플러터를 처음 설치하였고 사용된 노트북은 macbook m1 pro입니다.

기초작업

 

Install

Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems.

docs.flutter.dev

위 사이트에 들어가면 step1부터 차근차근 설치 방법이 영어로 잘 설명되어있고 블로그에서는 간단하게 진행을 따라가는 형식입니다.

먼저 위 링크를 따라 올라가면 아래와 같은 화면이 나오는데 맥북이면 macOS 윈도우면 Windows를 선택하면 됩니다. 역시 중국...

 

설치

맥을 누르고 아래로 내리면 플러터 2.10.2 버전을 설치할 수 있습니다. 만약 더 과거 버전을 설치하고 싶다면 sdk releases를 클릭하여 설치하시면 됩니다.

 

 

이후 원하는 곳에 압축파일을 해제하시고 PATH를 설정해야합니다. 저는 유저 이름 바로 아래 Developer 폴더 안에 설치하였습니다.

평소에 이 폴더 안에 elicpse, spring 등 설치하고 path관리를 해주어야하는 파일들을 이 곳에 모아두는 편입니다.

 

 

PATH 설정

이후 PATH를 현재 터미널 윈도우에서만 설정하는 방법으로 아래 커맨드를 알려주지만, 저희는 계속해서 사용하고 싶으니 이 방법을 사용하지 않을겁니다.

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

먼저 어떤 shell을 사용 중인지 알아야합니다. 어떤 쉘을 사용 중인지 알고 싶다면 터미널에 아래 코드를 입력하시면 됩니다.

echo $SHELL

그럼 위와 같이 zsh를 사용 중임을 알 수 있습니다.

Bash를 사용 중이라면 $HOME/.bash_profile이나 $HOME/.bashrc를 수정하고 zshell을 사용 중이라면 $HOME/.zshrc를 수정해야합니다.

 

저는 zshell을 사용 중이므로  zshrc를 수정합니다. 홈에서 아래 명령어를 터미널에 입력하시면 됩니다.

vim .zshrc

그 이후 나오는 스크립트 가장 아래로 이동하여 path를 작성하는데 가운데 이름부분만 사용자 이름으로 변경해주시면 됩니다.

(만약 다른 위치에 저장하셨다면 그 위치로 하시면 됩니다. 또한 which flutter dart 명령어를 통해 위치를 알 수 있습니다.)

export PATH="$PATH:/Users/'사용자이름'/Developer/flutter/bin"

예시 사진입니다.

혹시 리눅스 커멘드를 모른다면 대문자 GG를 입력하여 가장 아래문단으로 간 후 소문자 o를 입력하여 가장 아래에 새로운 문단을 만들고 입력하신 후 ZZ 나 :wq! 를 입력하셔서 나오시면 됩니다. 이후 source .zshrc 를 입력하여 소스로 지정하면 끝입니다.

오류잡기

flutter --version
flutter doctor

버전 명령어를 통해 설치가 잘 되었는지, 버전이 어떤 것인지 확인합니다.

버전 아래 명령어를 입력하면 어떤 것이 설치되지 않았는지 어떤 것이 잘 설치 되었는지 알 수 있습니다. 간혹 권한 문제 오류 문구가 뜬다면

sudo 를 앞에 붙여서 실행해주시기 바랍니다.

 

저는 처음 권한 문제가 생긴 이후 다시 실행시키니 android studio 와 cocoapods 에 빨간 불이 들어왔습니다. 코코아패드 같은 경우 아래 명령어를 통해 해결 가능합니다.

sudo gem install cocoapods

안드로이드 스튜디오에서는 2가지 오류가 발생할 수 있습니다.

한 가지는 cmdline-tools component is missing 이며

다른 한 가지는 Android license status unkown 입니다.

라이센스는 아래 코드를 입력하고 쭉 넘어가시고 마지막에 agree를 입력하여 해결 가능합니다.

flutter doctor --android-licenses

cmdline-tools 는 아래와 같은 순서를 따라가시면 해결 할 수 있습니다.

먼저 스튜디오를 여신 후 Customize를 클릭 한 후 가장 아래에 있는 All settings를 클릭합니다.

다음에 Appearance & Behavior 탭에서 System Settings를 클릭하시고 Android SDK를 클릭합니다.

거기서 SDK Tools를 클릭한 다음 Android SDK Command-line Tools (latest)를 클릭하고 나오는 순서에 따릅니다.

이후 flutter doctor로 확인해보시면 모두 초록불이 들어온 것을 확인 할 수 있습니다.

마지막으로 안드로이드 스튜디오로 들어가서 Plugins에서 Dart와 Flutter 를 설치합니다. 스튜디오를 재시작합니다.

플러터 안드로이드 스튜디오로 실행

Create New Flutter Project를 입력하고 flutter/bin이 설치된 경로를 적습니다.

이후 실행하였을 때 권한 뭐시기 오류가 뜬다면 오류가 뜨는 위치만 수정하여 권한을 바꿔주면 잘 실행됩니다.

sudo chown -R $(whoami) /Users/gloryko/.config/flutter/tool_state

이후 myapp으로 대충 만들고 Iphone으로 잘 되어있는지 확인합니다. No device로 되어있다면 클릭해서

Open IOS Simulator를 클릭해주시면 됩니다. 이후 런을 누르면 +를 클릭할 때마다 숫자가 올라가는 데모 앱이 돌아가는 것을 확인하면서 잘 설치된 것을 알 수 있습니다.

참조 링크

저작자표시