플러터 맥북 설치 개발환경 구축하기 (1)

플러터(Flutter)는 크로스플랫폼으로 앱을 개발하기 위해 개발환경을 구축해야 한다. 이번 글은 맥북에 Flutter SDK, 안드로이드 스튜디오등 플러터 맥북설치방법과 플러터 프로젝트를 생성하는 방법에 대해서 공유한다.

플러터 맥북 설치 목차

Xcode는 macOS용 공식 개발 툴이며, iOS 시뮬레이터 및 iOS 앱 개발에 필요하며 App Store에서 설치할 수 있다.

https://docs.flutter.dev/get-started/install 에서 자신의 맥북에 맞는 SDK를 다운로드한다.

다운로드한 파일은 해당 위치에 압축해제 한다.

 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 설정이 필요하면 아래 글을 참고한다.

맥북 터미널 iTerm2 + Oh-My-Zsh 설치 및 설정하기

터미널에 flutter doctor을 실행시켜 Flutter개발환경을 진단하고 필요한 설정 및 구성을 검사한다.

다음 이미지와 같이 문제가 발생시 솔루션에 따라 진행한다.

대부분은 다음 스텝에서 진행할 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

개인적으로 jetBrain의 단축키나 UI에 익숙하여 안드로이드 스튜디오로 선택하였다.

https://developer.android.com/studio에서 다운로드 후 Android studio설치

setting > Android SDK > SDK Tools에서 Android SDK Command-line Tools (latest) 설치

setting > Plugins에서 flutter, Dart 설치한다.

File > New > New Flutter Project 생성 후 데모코드 실행 확인

프로젝트 생성시 run이 활성화 되지 않을 경우는 Dart와 Flutter의 SDK 경로를 확인해준다.

경로가 지정되지 않은 경우 설치한 Dart의 sdk경로로 지정해준다.

/Users/사용자명/development/flutter/bin/cache/dart-sdk

경로가 지정되지 않은 경우 설치한 Flutter의 sdk경로로 지정해준다.

/Users/사용자명/development/flutter

안드로이드 스튜디오에서 아이폰 시뮬레이터또는 안드로이드 시뮬레이터로 실행한다.

플러터(Flutter) 앱 개발을 위해 맥북에서 개발환경을 구축하였으며 Flutter를 사용하여 iOS 및 Android 앱을 개발할 준비가 되었습니다. 다음 글은 프로젝트를 처음 생성되는 데모 어플리케이션에 대한 내용입니다. 읽어주셔서 감사합니다.

플러터 프로젝트 구조 – 앱 만들기 (2)

플러터 이미지(Image), 텍스트(Text), 아이콘(Icon) – 메모장 앱 만들기 (1)