플러터(Flutter) 개발 환경 세팅

플러터는 다른 앱 프로그램과 달리 개발 세팅이 살짝 복잡하다. 기본적으로 DART라는 언어를 사용하기도 하고, 크로스 플랫폼이기 때문에 체크해야 되는 것이 많기 때문이다.

 

플러터(Flutter) 개발 환경 세팅

---

flutter sdk 설치

flutter sdk를 다운로드 하는 페이지

 

우선 아래의 페이지로 이동하여, 자신에게 맞는 os 파일을 선택한다. 플러터는 크로스플랫폼이기 때문에 맥으로 개발하는 사람이 많기에 본 포스팅은 맥os를 기준으로 진행을 하며, macOS를 다운로드 한다.

 

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

Install

 

SDK 세팅

terminal을 열어 아래와 같이 폴더를 생성한다

mkdir ~/flutterdev

폴더로 이동한 후, 다운로드 한 flutter파일의 압축을 푼다. 플러터 다운로드 사이트를 가면 아래와 같이 sdk를 세팅하는 설명이 나오는데 이 포스팅은 development를 사용하지 않고 flutterdev를 차이만 있다.

 

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

 

현재 시간으로 flutter_macos_2.10.3-stable.zip 파일을 다운로드 하였고, 아래와 같이 폴더 이동 후 압축을 해제한다.

 

cd ~/flutterdev
unzip ~/Downloads/flutter_macos_2.10.3-stable.zip

 

 

압축이 모두 풀린 모습

unzip flutter sdk 화면

 

SDK를 모두 설치하면, 이제 해당 폴더를 PATH에 등록하여 언제든지 flutter를 사용할 수 있게 해야 한다.

 

SDK PATH 등록

(base) Jinhooui-MacBook-Pro:~ jinhoojang$ flutter --version
-bash: flutter: command not found

아직 패스를 등록하지 않으면 위와 같이 flutter의 버전을 체크 할 수 없게 된다. 

 

cd ~/

루트 폴더로 이동 후

 

.bash_profiled이 없을 경우 touch .bash_profile을 생성한다.

프로필 파일이 있을 경우 open -e .bash_profile로 프로파일 화면을 띄운다

 

open으로 bash_profile을 띄운 모습

 

 

# add flutter sdk
export PATH="$PATH:/Users/jinhoojang/flutterdev/flutter/bin"

open으로 띄운 bash_profile에 위와 같이 PATH를 추가한다. 당연히 /flutterdev 이전의 경로는 본인의 경로를 입력한다.

 

profile를 수정했다고 해도, 당장 반영이 되는 것은 아니다. source .bash_profile로 현재의 프로필 설정을 실행을 해야 반영이 된다.

(base) Jinhooui-MacBook-Pro:~ jinhoojang$ source .bash_profile 
(base) Jinhooui-MacBook-Pro:~ jinhoojang$ echo $PATH
/Users/jinhoojang/opt/anaconda3/bin:/Users/jinhoojang/opt/anaconda3/condabin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/go/bin:/Users/jinhoojang/flutterdev/flutter/bin

 

flutter --version이 아래처럼 나오면 PATH 설정이 성공적으로 되었다는 의미이다.

flutter --version

 

안드로이드 스튜디오 설치

https://developer.android.com/studio?hl=ko 

Download Android Studio and SDK tools  |  Android Developers

 

위 링크로 이동을 하면 안드로이드 스튜디오를 설치할 수 있다. 워낙 가이드가 자세히 나와있으니 참조하면 좋을 것 같다. 

 

안드로이드 스튜디오 다운로드 사이트

 

안드로이드 스튜디오를 설치하면 중간에 import Andorid Studio Settings From... 이라고 뜨면서

1. Config or Installation folder
2. Do not import settings

를 선택하는 라디오 박스가 나오는데 하단의 Do not import settings를 선택한다.

 

 

플러터 플러그인 설치

안드로이드 스튜디오에서 플러터를 개발하기 위해서는 플러그인을 설치해야 하는데 위와 같이 플러그인 설정에서 flutter로 검색하면 플러그인을 설치할 수 있다.

 

리스타트

 

설치가 완료되면, IDE를 재시작(Restart) 하라는 버튼이 보이는데 클릭하여 IDE를 다시 시작한다

 

Flutter Project 생성

Project 선택

 

이제 프로젝트를 보면, New Flutter Project라는 영역이 보일 것이다. 해당 버튼을 클릭하여 프로젝트 설정으로 진입한다.

 

SDK 설정

 

플러터를 선택하면, SDK 위치를 잡으라는 메뉴가 나온다. 위와 같이 플러터를 설치한 폴더를 지정한다.

 

프로젝트 설정

 

프로젝트의 경로를 정하고, 안드로이드와 iOS의 language를 설정한 후 Finish를 선택하면

 

프로젝트 생성

 

프로젝트가 생성된 것을 확인할 수 있다.