[Flutter] Mac 환경에서 Flutter 설치하기

Mac 환경에서 Flutter를 설치하려고 합니다. 

 

구글에서 2017년 5월 출시된 모바일/웹/데스크톱 크로스 플랫폼 GUI SDK이다. 하나의 코드 베이스로 안드로이드, 아이폰, 리눅스, 윈도우즈, 맥 및 웹 브라우저에서 모두 동작되는 앱을 위해 출시되었다. 사용되는 언어는 역시 구글에 의해 제창된 Dart를 사용한다. 웹 브라우저에서 플러터 앱 실행은 Dart언어를 HTML/CSS/자바스크립트로 자동 Transpilation을 통해 가능하다. 리눅스/윈도우즈/맥 데스크톱 상에서의 플러터 앱 실행은 2021년 3월부터 공식 지원되고 있다. (나무위키)

 

Flutter는 iOS와 Android를 한 번에 만들 수 있는 프레임워크입니다. 이와 동일한 프레임워크로는 React Native와 Xamarin(자마린) 같은 도구들이 존재합니다. 

 

Flutter 공식 문서와 Flutter 공식 한글 문서를 참조해 설치했습니다. (https://flutter-ko.dev/docs/get-started/install/macos)

 

1.  설치하기

1.1 Flutter SDK 다운로드 및 설치 & 필요 환경 체크하기

https://docs.flutter.dev/get-started/install 주소에 접속하면 아래와 같이 설치 파일을 받을 수 있습니다. 저는 Mac 환경에서 설치를 하기 위해서 macOS버튼을 클릭했습니다.

 

 

해당 페이지에서는 macOS에서 설치할 수 있는 파일 링크와 함께 설치 방법이 자세히 나와있습니다. (한글 문서로 확인하셔도 됩니다.)

 

flutter_macos_2.10.0.-stable.zip 버튼을 클릭해 설치 파일을 받습니다. 

그리고 설명과 같이 커맨드 창을 이용해 Flutter를 설치할 디렉터리를 만들고 해당 디렉터리로 이동해 압축을 풀어주시면 됩니다.

그리고 경로 설정을 해주시면 됩니다. 

$ unzip ~/Downloads/flutter_macos_2.10.0-stable.zip
$ export PATH="$PATH:`pwd`/flutter/bin"

설치가 완료되면 아래의 명령어를 입력합니다. 명령어를 통해 현재 컴퓨터에서 어떤 파일들을 설치해야 하는지 확인해보면 됩니다.

$ flutter doctor

저는 안드로이드 스튜디오만 설치했었고 그 외 툴은 설치하지 않아서 [!] 표시로 되어있습니다. 그리고 Xcode도 설치해야 합니다.

 

2. 추가 소프트웨어 설치하기

2.1Xcode 설치하기

Xcode는 AppStore에 들어가서 xcode를 검색해 설치하시면 됩니다.

설치가 완료되면 아래의 명령어를 입력해줍니다. 아래의 명령어는 새롭게 설치된 버전을 사용하도록 Xcode 커맨드 라인 도구를 설정합니다.

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

 

2.2 간단한 Flutter 앱 만들기

먼저 시뮬레이터를 실행하시면 됩니다. Spotlight나 아래 명령어를 통해서 실행하실 수 있습니다.

$ open -a Simulator

아래와 같이 시뮬레이터가 켜지게 됩니다.

그 후 가장 기본적인 Flutter앱을 만들기 위해 아래 명령어를 실행합니다. (원하시는 디렉터리에서 실행하시기 바랍니다.)

$ flutter create my_app

위 설명처럼 해당 명령어를 이용해 실행하면 Flutter 앱이 실행이 됩니다.

$ cd my_app
$ flutter run

iOS 기기에 배포를 위해선 CocoaPods 의존성 관리자와 Apple 개발자 계정이 필요로 합니다. 또한, Xcode에서 실제 기기 배포 설정을 해야 합니다. 일단 CocoaPods를 설치만 해줍니다.

$ sudo gem install cocoapods

 

2.3 Android Studio 설치하기

https://developer.android.com/studio에서 안드로이드 스튜디오 최신판을 설치합니다. 일반적인 애플리케이션 설치방법과 동일합니다.

설치 시  Flutter로 Android를 개발할 때 필요한 최신 Android SDK, Android SDK 플랫폼 도구, Android SDK 빌드 도구를 설치합니다.

저는 추가적으로 안드로이드에서 추가적으로 설치해야 할 것들이 존재했습니다.

먼저 cmdline-tools를 설치해줍니다. Preference의 Android SDK 메뉴에 들어가서 cmdline-tools를 설치해줍니다.

설치 이후 아래의 명령어를 입력해 라이선스를 동의해주시면 성공적으로 Android 인식이 끝납니다.

$ flutter doctor --android-licenses

 

아래와 같이 전부 설치가 되었습니다.

 

안드로이드는 Flutter plugin을 설치해주어야 합니다. 

 

이렇게 Mac 환경에서 flutter 개발 환경을 설치해봤습니다.