Post

Flutter 시작

Flutter 시작

아이폰 네이티브 앱을 만들다가 안드로이드 앱도 같이 만들어보고 싶어서 같이 개발할 수 있는 프레임워크 Flutter를 시작하게 되었다 Flutter를 설치하고 사용하는 방법 정리한다(맥 기준)

 

개발환경 설정

1. 플러터 sdk 설치

brew install flutter를 통해서 플러터 sdk를 설치한다

 

2. VS CODE 설치 및 설정

안드로이드 스튜디오나 인텔리제이를 사용할 수 있지만 주로 내가 주로 사용했던 VSCODE를 설치한다

  • 익스텐션 Dart 설치
  • 익스텐션 Flutter 설치

 

3. XCODE 설치하기

 

4. cocoapods 설치

brew install cocoapods 이 명령어로 설치해야 정상적으로 설치되었다 다른 사람들이 sudo gem install cocoapods으로 설치했지만 이 명령어로는 설치가 제대로 되지 않았다

 

5. 안드로이드 스튜디오 설치

설치후 안드로이드 툴 체인을 추가로 설치해야한다 안드로이드 스튜디오의 setting을 들어간 뒤

android sdk command-line tools 클릭후 apply를 눌러 설치

 

6. 안드로이드 라이센스

flutter doctor --android-licenses명령어를 이용해서 모든 약관에 동의 하면 된다

 

7. 확인하기

flutter doctor명령어를 통해서 플러터 설정을 확인할 수 있다

 

앱 생성하기

flutter create app_name 이 형식으로 앱을 생성할 수 있다

아이폰에서 실행

현재 터미널 위치를 프로젝트로 하고 open -a simulator를 통해서 시뮬레이션을 키고 flutter run을 통해서 시뮬레이션에서 앱을 실행시킨다

 

안드로이드에서 실행

안드로이드 스튜디오 실행 후 virtual device manager를 선택한다

버튼을 누르면 시뮬레이션을 실행한다

이후 다시 flutter run을 실행하면 여러 기기중 실행할 기기를 고르면 실행된다

This post is licensed under CC BY 4.0 by the author.