[플러터] flutter SDK 개발환경 설치

반응형

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

설치 환경

플러터를 개발하기 위한 환경의 조건은 다음과 같습니다.

  • macOS
  • 2.8GB의 저장 공간 (개발툴 저장 공간을 제외한 크기)
  • git, Xcode 가 설치된 환경

만약 git이 설치되어 있지 않다면 Xcode를 설치하거나 직접 git을 설치해야 합니다. Xcode를 설치하면 자동으로 git이 설치되며 따로 git을 설치 않아도 되는 장점이 있습니다. 만약 homebrew를 통해 설치하려면 다음 가이드를 참고하시면 됩니다.

https://git-scm.com/download/mac

 

Git - Downloading Package

Download for macOS There are several options for installing Git on macOS. Note that any non-source distributions are provided by third parties, and may not be up to date with the latest source release. Homebrew Install homebrew if you don't already have it

git-scm.com

 

 

 

Apple Silicon Mac

▼ 만약 애플 컴퓨터가 M1 칩을 사용한 애플 실리콘 맥이라면 다음 명령문을 통해서 로제타(rosetta)를 설치해줘야 합니다. 저는 M1 컴퓨터 환경이므로 다음 명령을 실행해서 로제타를 설치했습니다.

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

 

다음 다운로드 링크를 통해 인텔 맥 또는 애플 실리콘 맥에 따라서 플러터 SDK를 다운로드해줍니다.

 

 

환경변수 설정

 vim 또는 다른 에디터로 사용자 폴더의 .zshrc 파일을 다음과 같이 수정합니다. 이는 flutter sdk의 위치를 설정해주는 작업으로 해당 sdk를 전역적으로 사용하기 위한 설정입니다.

.zshrc 파일 수정


 

 

 

 이제 터미널에서 source .zshrc 명령을 이용해 해당 파일을 업데이트해줍니다. 그리고 echo 명령을 이용해 $PATH를 입력하면 플루터 SDK 가 PATH에 포함된 것을 확인할 수 있습니다.

source .zshrc


 

 

 

 실제로 잘 적용이 되었는지 확인하기 위해 which 명령을 통해서 flutter의 위치를 확인합니다. 이제 어느 위치에서든 flutter 명령을 사용할 수 있습니다.

which flutter


 

 

 

Flutter doctor 실행

▼ doctor 명령을 실행하기 이전에 precache 명령을 통해서 관련 설정 툴을 실행합니다. (만약 위에서 path 설정을 했다면 flutter 앞에 ./ 를 생략해도 됩니다.)

flutter precache

flutter precache


 

 

 

▼ 다음 명령을 통해 플러터 환경 구성을 위한 설정을 완료합니다. 만약 안드로이드 툴이 설치되어 있지 않다면 에러가 발생하며 다음 주소를 통해서 Android Studio를 설치해야 합니다.

flutter doctor

flutter doctor


 

 

 

안드로이드 플러그인 설치

▼ 이제 안드로이드 스튜디오를 열고 플러그인 탭을 눌러줍니다.

Android Studio Plugins


 

 

 

▼ flutter를 검색해 최상단에 있는 Flutter 플러그인을 install 버튼을 눌러 인스톨합니다.

플루터 플러그인 다운로드


 

 

 

▼ 설치가 완료되면 Restart IDE 버튼을 눌러 안드로이드 스튜디오를 재실행합니다.

IDE 재실행


 

 

 

▼ 이제 안드로이드 스튜디오를 실행해보면 Project에 새롭게 New Flutter Project라는 메뉴를 확인할 수 있습니다.

New Flutter Project


 

 

 

지금까지 Flutter 환경을 세팅하는 법을 알아봤는데요. 다음에는 iOS 환경에서 플루터를 설정하는 방법을 포스팅해보도록 하겠습니다. 감사합니다.

반응형

댓글

Designed by JB FACTORY