플러터 Flutter 설치 및 개발환경 설정 - MAC 맥북

● 플러터(flutter) 란?

---

플러터 (flutter)는 단일 코드베이스에서 모바일, 웹, 데스크톱 및 임베디드 프로그램을 구축하고 테스트 및 배포를 할 수 있습니다.
쉽게 얘기하면 단일코드로 안드로이드, IOS 네이티브앱을 개발 배포할 수 있는 것이죠.
리액트 네이티브와 플러터 중 고민하다가 개발 생산성과 빌드 가능한 플랫폼이 다양한 플러터를 선택하게 되었습니다.
 

● 플러터(flutter) 설치

---

저는 homebrew 를 이용해 플러터(flutter) 를 설치 합니다. homebrew 사용법은 밑에 링크 확인해주세요.
일단 플러터는 dart 언어를 사용해서 개발하기 때문에 플러터를 설치하면 dart 도 같이 설치가 됩니다. 만약 본인 장비에 dart 가 설치되어 있다면 삭제 후 플러터를 설치해 주셔야 합니다.

brew install --cask flutter

설치를 완료하면 flutter 명령어 사용이 가능하고 플러터를 진짜 사용하기 위한 점검을 시작해야 합니다.

flutter doctor

명령어를 실행하면 플러터를 사용하기 위한 체크리스트가 출력되고 그 중 처리가 필요한 항목은 색깔로 표기가 되고 해결해야하는 방법도 안내를 해줍니다. 목표는 저 체크리스트를 모두 녹색으로 만드는 겁니다.

flutter doctor

2024.06.15 - [Develop/MAC] - MAC OS 맥북 Homebrew 설치 및 설정

MAC OS 맥북 Homebrew 설치 및 설정

 

● 플러터(flutter) doctor 체크리스트 처리

---

다행히도 해결해야하는 방법에 대해 안내가 나와있고 플러터 공식사이트에서 설치문서를 참고하면 쉽게 해결할 수 있습니다.
https://docs.flutter.dev/get-started/install/macos/mobile-ios

Start building Flutter iOS apps on macOS

1. [!] Flutter (Channel stable, 3.22.2, on macOS 14.5 23F79 darwin-arm64, locale ko-KR)

설명글을 보면 터미널창에서 sudo softwareupdate --install-rosetta --agree-to-license 를 실행하라고 하네요

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

 
터미널창에 실행하면 로제타2 설치가 성공했다고 합니다. 다시 flutter doctor 를 실행하면 해결된걸 확인 할 수 있습니다.

 

2. [✗] Android toolchain - develop for Android devices

플러터(flutter) 는 안드로이드, IOS 모두 빌드가능하기 때문에 두가지 플랫폼의 시물레이터를 설치해야 합니다. 안드로이드 시물레이터 사용을 위해 안드로이드 스튜디오 설치가 필요 합니다.
https://developer.android.com/studio/index.html

Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers

안드로이드 스튜디오를 다운받아 설치를 진행합니다. 설치 진행 시 라이센스는 모두 accept 후 진행하시면 됩니다.

안드로이드 스튜디오 설치

 
설치가 완료되면 [Settings..] 클릭해서 sdk 로 검색하고 android sdk 메뉴에서 sdk tools 탭으로 이동 후 android sdk command-line tools 를 체크하고 설치 합니다.

설치가 완료되면 터미널창에서 아래 내용을 실행해 주세요

flutter doctor --android-licenses

모두 y를 눌러주면서 완료 합니다. 그러면 두번째 문제도 해결되었습니다.

 

3. [✗] Xcode - develop for iOS and macOS

이번엔 IOS 시뮬레이터를 사용하기 위한 xcode 설치 및 실행 입니다. 앱스토에서 xcode 다운을 받을 수 있습니다. 설치를 하면 xcode 를 실행해 주세요. 원하는 플랫폼을 모두 체크해 주세요. 전 일단 IOS 만 체크하겠습니다.

xcode 설치

설치완료 후 아래 명령어를 터미널에 차례대로 실행합니다. 라이센스는 agree 해주시면 됩니다.

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

sudo xcodebuild -runFirstLaunch

sudo xcodebuild -license

 
그리고 IOS 네이티브 종속성 관리를 위한 플러터 플러그인 cocoapods 설치합니다

brew install cocoapods

 

4. [✗] Chrome - develop for the web (Cannot find Chrome executable at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome)

제가 크롬을 설치하지 않았었군요.. 크롬을 설치합니다. 크롬 설치 방법은 다들 아실거라고 믿습니다.
 

---

이제 모든 플러터 사용을 위한 이슈사항을 해결했습니다. 플러터 코딩 시작하시면 됩니다.