[flutter] 개발 환경 구성하기(mac)

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

Install

1. 위 링크에서 자신의 OS에 맞게 Flutter 설치합니다.

 

 

2. 다운받은 파일을 unzip 하여 적당한 경로에 저장을 해줍니다. 아래는 저장경로 예시입니다.

       /Users/khs/Documents/libraries/flutter/bin

 

 

3. Flutter 설치경로를 지정해주어야 합니다. 터미널 에서 다음 명령을 실행하여 .zshrc 파일을 열어줍니다.

vi ~/.zshrc

'i' 단축키를 사용하여 편집모드 진입 후 아래와 같이 자신의경로/flutter/bin로 절대경로를 지정해주면 됩니다.

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

위에서 pwd부분에 자신의 경로를 지정해주면됩니다.

 

 

 

4. 다음 명령을 통하여 절대경로 설정이 정상적으로 되었는지 확인을 할 수 있습니다.

which flutter

아래와 같이 flutter/bin의 경로가 나온다면 정상적으로 설정이 된것입니다.

/Users/khs/Documents/libraries/flutter/bin/flutter

 

 

<M1계열의 mac을 사용하시는분만 적용>

M1계열의 맥의 경우는 호환이 제대로 되게 하기 위해 추가로 rosetta를 설치 해주어야 합니다.

다음 명령을 실행하여 rosetta를 설치를 해줍니다. 명령 실행후 password 입력을 요구하는데 자신의 pc 패스워드를 입력해주면 됩니다.

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

 

 

 

<IOS 설정>

1. 앱스토어에서 xcode를 설치 합니다. (필수)

 

2. 다운로드 받은 XCode를 메인 Xcode로 사용하도록 설정이 필요합니다. 다음과 같이 명령어를 터미널에서 실행해줍니다.

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

 

이후 다음 명령어를 통해 라이센스 동의를 해주어야 합니다.

sudo xcodebuild -license

입력 후 space를 [agree, print, cansel] 라는 문구가 보일때까지 반복하여 눌러준 후 문구가 보이면 'agree'를 입력하고 엔터를 쳐줍니다.

정상적으로 설치되었는지 확인하기 위해 터미널에서 open -a Simulator 명령어를 입력하여 시뮬레이터가 실행이 되는지 확인해보시면 됩니다.

 

 

<Android 설정>

https://developer.android.com/studio?gclid=CjwKCAjwuqiiBhBtEiwATgvixCSW5_DZlM0Xx_m9Q-YgoMAP_gcV16ds61dchvALibtHXpFHR7qa6hoCfpsQAvD_BwE&gclsrc=aw.ds

Download Android Studio & App Tools - Android Developers

 

1. 위 링크를 통해 안드로이드 스튜디오를 다운 받습니다.

 

2. 안드로이드 스튜디오 설치 후 실행을 하게되면 아래와 같은 창이 뜹니다. 왼쪽의 Plugins 탭에서 'flutter'를 검색하여 플러그인을 다운받은 후 안드로이드 스튜디오를 재실행 해줍니다.

3. new flutter project를 생성한 후 실행합니다.

 

4. Android Studio - preferences.. - Android SDK - SDK Tools 에서 아래 4가지가 모두 체크되어 있어야합니다. 

체크되어 있지 않는 경우는 체크하여 설치를 해주면 됩니다.

(Android SDK Build-Tools, Android SDK Command-line Tools, Android Emulator, Android SDK Platform-Tools)

 

5. ios와 마찬가지로 다음 명령어를 통해 모든 라이센스의 동의를 해주어야 합니다.

flutter doctor --android-licenses

 

 

 

<최종>

터미널에서 다음 명령어를 입력하여 flutter관련하여 필요한 셋팅이 제대로 되어있는지 진단을 해볼 수 있습니다.

flutter doctor

다음과 같이 이슈가없이 모두 체크가 되어있어야 합니다.