Flutter macOS에 설치하기

by

개요

지난번에 Windows에 플러터를 다운받아 기본앱을 실행해 보았다. 간단한 앱을 개발해 보고 윈도우와 크롬 플랫폼에서 동작되는 것을 확인해보았다. 이게 과연 iOS에서도 정상적으로 돌아갈지 확인하고 싶었다. macOS에서 설치하여 정상적으로 앱이 실행되는 것 까지 확인해보도록 하겠다.

다운로드 방법

윈도우와 마찬가지로 macOS에서도 다운로드 받고 flutter 실행파일이 실행되게 PATH설정만 하면 된다.

  1. 다운로드 사이트
    • Flutter 다운로드 사이트에서 macOS버전을 다운로드 받는다.
    • macOS는 CPU종류에 따른 두가지 파일이 존재한다. 본인의 맥 머신이 인텔 계열이면 인텔용 파일은 M1프로세스면 arm64 파일을 다운받는다.
  2. 압축해제
    • /Applications/flutter 폴더에 압축을 해제한다.
  3. PATH 설정
    • root 권한을 이용하여 path 파일을 편집한다. 명령어 sudo vi /etc/paths 입력 후 시스템패스워드를 입력한다.
    • 맨아랫줄에 /Applications/flutter/bin 를 추가하여 어떤 경로에서도 flutter 명령어가 실행되도록 설정한다.
    • echo $PATH 를 입력하여 제대로 설정이 되었는지 확인하다.

설치방법

iOS에서 사용하기 위해서는 XCode와 안드로이드스튜디오가 필요하다. 반면 윈도우와 다르게 Visual C++은 필요하지 않다. 윈도우가 같은 방법으로 flutter doctor 를 실행하여 실행되는 환경을 점검한다. 나의 맥OS에서는 XCode 가 설치되어있는데 코코아팟이 설치가 안되어 있어서 설치가 필요한 것으로 나왔고, 안드로이드 스튜디오의 경우 cmdline-tools가 설치가 되어 있지 않은 것으로 점검 되었다.

  • Flutter Doctor 실행
    • Flutter Doctor는 설치 환경에 대해 점검해 준다. 점검결과를 보고 필요한 사항에 대하여 조치하여 주면 된다.
      1. 터미널을 실행
      2. flutter doctor 입력
  • cocoapods 설치
    • 코코아팟은 Swift 및 objective-c로 iOS / macOS 등 애플 플랫폼을 개발할 때, 외부 라이브러리를 관리하기 쉽도록 도와주는 의존성 관리 도구이다
      1. 터미널 실행
      2. sudo gem install cocoapods 를 입력하여 설치
      3. pod –version
  • Android Studio cmdline-tools 설치
    • 안드로이드 스튜디오를 최신버전으로 업데이트한 후 진행하는 것이 좋다. SDK Manager 에서 Command-line Tools를 설치하여 주기만 하면된다.
      1. Android Studio 실행
      2. Tools -> SDK Manager 클릭
      3. SDK Tools 탭 선택
      4. Android SDK Command-line Tools 선택 후 OK 클릭
  • Android License 수락
    • 안드로이드 스튜디오를 새로설치한 경우 라이센스 수락이 다시 필요할 수 있다. flutter doctor 를 실행하여 Android SDK Licnese 관련 문제가 발생되면 아래 명령어를 입력하여 라이센스에 동의해준다.
      1. 터미널 실행
      2. flutter doctor –android-licenses 입력
      3. 모든 라이센스에 동의 y 입력
  • Flutter Plugin 설치
    • 안드로이드 스튜디오에서 flutter 프로젝트를 사용하기 위해서는 플러그인 설치가 필요하다.
      1. 상단에 Android Studio 클릭 -> Preferences클릭
      2. Plugins -> Marketplace 탭 선택
      3. Install 클릭
      4. Dart 플러그인을 설치한다에 Yes 클릭
      5. Restart IDE

프로젝트 생성 및 실행

아이폰에서 앱을 실행하기위해서는 추가로 설정이 필요하다. XCode를 통해 Provisioning Profile을 설정해 줘야한다.

  1. File -> New -> New Flutter Project 클릭
  2. Flutter 클릭
  3. Project name에 myapp 입력, 원하는 언어 선택 후 Finish 클릭(FloattingActionButton 이 있는 기본 메인화면이 생성됨)
  4. 스마트폰을 연결하고 Run을 클릭
  5. (아이폰의 경우 추가작업이 필요하다.) 에러가 난 화면에서 open ios/Runner.xcworkspace 클릭
  6. XCode 가 실행되면 Signing & Capabilities에서 Signing 정보 선택
  7. Team의 해당되는 계정선택 후 Build
  8. Build 완료 후 안드로이드 스튜디오 Flutter에서 Run 버튼 클릭

마치며

지금까지 macOS에서 플러터를 실행하기 위한 설치방법을 알아보았다. 아이폰 실행을 위해서 추가의 설정이 필요하지만 아이폰과 안드로이드에서 똑같은 앱이 동작됨을 확인할 수 있었다. 이로 인해 개발을 위한 생산성이 엄청 좋아질 것이라 기대가 되었다.

Leave a Comment