[Flutter] Mac Flutter 설치 및 환경 변수 정리하기

올해 목표로 잡은 것이 하나 있다. 토이프로젝트 완성

어떠한 서비스를 만들 것인지는 머리속으로 구상 중에 있고 Front와 Back 모두 공부겸 해보기로 했다.

APP 서비스를 생각했기 때문에 Front와 Back 모두 어떤 언어와 프레임워크를 써야할지 고민했고 Front는 Flutter를 사용해보려고 한다.

 

이렇게 Flutter 첫번째 게시글로는 Mac에 Flutter 설치 및 환경 변수 정리하기라는 제목으로 적어볼 것이다.

1. Flutter 설치하기

 

flutter-ko.dev/docs/get-started/install/macos#update-your-path

맥OS에서 설치

Flutter 홈페이지에서 호환되는 Flutter를 다운 받는다.

Flutter - SDK를 다운 받은 후 압축을 푼다. (git clone을 사용하여 다운로드 받아도 상관없다.)

 

사실 윈도우를 주로 쓰다보니 환경변수 설정이 쉬웠었는데.. 맥은 환경변수를 어떻게 설정해야 하는지 몰랐다.

처음에는 구글링 따라 $HOME/.bash_profile 문서에 export PATH를 했었는데 검색해보니 아니었다..

 

터미널 창에 떠있는 .zsh ...

macOS 버전 10.15 카탈리나 부터 기본 쉘이 bash에서 zsh(Z shell)로 변경 됨으로 부터 zsh에 설정을 해야 했다.

우선 나는 $HOME 아래 development 디렉토리 내부에 Flutter 압축을 풀었다.

 

vi ./~zshrc

를 열고 

export PATH="$PATH:$HOME/development/flutter/bin"

PATH를 설정해준다.

하고나면 Flutter 명령어가 작동하게 된다.

 

2. 정상설치 확인하기

 

Flutter doctor

 

위의 명령어를 통해 미설치된 부분을 아래와 같이 확인해준다.

 

 

flutter doctor

 

하지만 Android Studio 쪽에서 플러그인 설치가 되지 않았다는 팝업창이 떴다.

 

 

안드로이드 스튜디오 에러

 

안드로이드 스튜디오에 Flutter와 Dart 플러그인을 모두 설치했는데도 불구하고 오류가 발생하여 구글링 해보니

ln -s ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins ~/Library/Application\ Support/AndroidStudio4.1

 

해당 명령어 실행해보라는 글이 있어 실행하였다.

 

 

위와 같이 모든 설치 및 설정이 마무리 되었다. 이제 vscode에 Flutter 프레임워크를 이용하여 이것저것 개발해볼 것이다.

MAC에서 Flutter 설치 끝.