플러터(Flutter)는 크로스플랫폼으로 앱을 개발하기 위해 개발환경을 구축해야 한다. 이번 글은 맥북에 Flutter SDK, 안드로이드 스튜디오등 플러터 맥북설치방법과 플러터 프로젝트를 생성하는 방법에 대해서 공유한다.
![](http://hanab.kr/wp-content/uploads/2023/10/image-10.png)
플러터 맥북 설치 목차
Xcode설치
Xcode는 macOS용 공식 개발 툴이며, iOS 시뮬레이터 및 iOS 앱 개발에 필요하며 App Store에서 설치할 수 있다.
![플러터-맥북-개발환경-xcode-설치](https://hanab.kr/wp-content/uploads/2023/10/스크린샷-2023-10-06-오후-2.36.32.png)
Flutter SDK 다운로드 및 설정
https://docs.flutter.dev/get-started/install 에서 자신의 맥북에 맞는 SDK를 다운로드한다.
![fluuter-sdk](https://hanab.kr/wp-content/uploads/2023/10/스크린샷-2023-10-06-오후-2.41.43.png)
다운로드한 파일은 해당 위치에 압축해제 한다.
cd ~/development
unzip ~/Downloads/flutter_macos_3.13.6-stable.zip
Flutter SDK가 설치된 디렉토리의 bin 폴더를 시스템의 환경 변수에 추가한다.
vim 또는 텍스트 편집기를 이용하여 vim ~/.bash_profile 에 아래 환경변수를 포함시킨다.
zsh을 사용하는 경우 vim ~/.zschrc 에 포함시킨다.
export PATH=$PATH:$HOME/development/flutter/bin
변경사항을 적용하기위해 source ~/.zschrc 실행한다.
oh-my-zsh또는 iterm2 설정이 필요하면 아래 글을 참고한다.
Flutter doctor 실행
터미널에 flutter doctor을 실행시켜 Flutter개발환경을 진단하고 필요한 설정 및 구성을 검사한다.
다음 이미지와 같이 문제가 발생시 솔루션에 따라 진행한다.
![flutter-doctor](https://hanab.kr/wp-content/uploads/2023/10/스크린샷-2023-10-06-오후-3.45.27-1024x305.png)
대부분은 다음 스텝에서 진행할 Vscode, Android Studio설치로 문제가 해결되지만 Xcode에서 cocoaPods가 설지되지 않은 문제가 발생하였다. (CocoaPods not installed.)
CocoaPods는 iOS 및 macOS 프로젝트에서 외부 라이브러리 및 종속성을 관리하기 위한 패키지로 macOS에서는 일반적으로 Ruby가 포함되어 있으므로 RubyGems을 이용하여 설치한다
sudo gem install cocoapods
위의 방법으로 설치시 문제가 발생하면 재설치
sudo gem uninstall cocoapods
sudo gem install -n /usr/local/bin cocoapods
Android studio 다운로드 및 설정
개인적으로 jetBrain의 단축키나 UI에 익숙하여 안드로이드 스튜디오로 선택하였다.
https://developer.android.com/studio에서 다운로드 후 Android studio설치
setting > Android SDK > SDK Tools에서 Android SDK Command-line Tools (latest) 설치
![android-studio](https://hanab.kr/wp-content/uploads/2023/10/스크린샷-2023-10-06-오후-3.48.11.png)
setting > Plugins에서 flutter, Dart 설치한다.
![android-studio-flutter](https://hanab.kr/wp-content/uploads/2023/10/스크린샷-2023-10-06-오후-3.50.23.png)
![android-studio-dart](https://hanab.kr/wp-content/uploads/2023/10/스크린샷-2023-10-06-오후-3.50.46.png)
Flutter 프로젝트 생성
File > New > New Flutter Project 생성 후 데모코드 실행 확인
![flutter-project](https://hanab.kr/wp-content/uploads/2023/10/스크린샷-2023-10-06-오후-3.58.50.png)
프로젝트 생성시 run이 활성화 되지 않을 경우는 Dart와 Flutter의 SDK 경로를 확인해준다.
경로가 지정되지 않은 경우 설치한 Dart의 sdk경로로 지정해준다.
/Users/사용자명/development/flutter/bin/cache/dart-sdk
![android-studio-settings-dart](https://hanab.kr/wp-content/uploads/2023/10/스크린샷-2023-10-06-오후-4.13.45.png)
경로가 지정되지 않은 경우 설치한 Flutter의 sdk경로로 지정해준다.
/Users/사용자명/development/flutter
![android-studio-settings-flutter](https://hanab.kr/wp-content/uploads/2023/10/image-11.png)
안드로이드 스튜디오에서 아이폰 시뮬레이터또는 안드로이드 시뮬레이터로 실행한다.
![android-studio-flutter-demo](https://hanab.kr/wp-content/uploads/2023/10/스크린샷-2023-10-06-오후-3.56.18-1024x953.png)
마무리
플러터(Flutter) 앱 개발을 위해 맥북에서 개발환경을 구축하였으며 Flutter를 사용하여 iOS 및 Android 앱을 개발할 준비가 되었습니다. 다음 글은 프로젝트를 처음 생성되는 데모 어플리케이션에 대한 내용입니다. 읽어주셔서 감사합니다.