Flutter 설치

1. Flutter 설치

개인적으로 react native를 공부하려고 하고 있는데.. flutter라는 것이 있어 설치를 해봅니다. 어떤 것을 선택해서 공부할지 정하기 위해 살짝 진입만…

git clone하고 git clone한 디렉토리를 환경변수 설정을 해줍니다.

  $ git clone -b beta https://github.com/flutter/flutter.git
  $ export PATH=설치디렉토리/flutter/bin:$PATH

iOS toolchain 관련 부족한 부분..

  $ brew install --HEAD libimobiledevice
  $ brew install ideviceinstaller ios-deploy cocoapods
  $ pod setup

dart가 자바스크립트 계열이라 webstorm에서 작업할려고 했는데.. flutter cli에서 Android Studio와 intellij를 가르키네요..
혹시나 하는 마음에 webstorm plugin은 살펴보지만 없군요,
intellij는 있습니다. plugin - Browse repository 에서 flutter 검색하면 나오는 군요, 하지만..
https://flutter.io/get-started/editor/ 문서를 살펴보면 Android Studio에 더 최적화가 되어 있나봅니다.비슷할거 같은데..그래도.. Android Studoio에서 확인해봅니다.
intellij와 같은 위치에서 plugin 설치가 가능합니다. plugin - Browse repository 에서 flutter
설치후 에디터를 종료 후 재실행하면 Android Studio 시작창에 아래와 같이 ‘Start a new Flutter project’ 버튼이 나옵니다.

‘Start a new Flutter project’ 버튼을 눌러 프로젝트를 실행합니다.
3가지스타일로 flutter앱을 시작할수 있게 선택됩니다. 저는 ‘Flutter Application으로 시작합니다.’
그다음은 App이름, 프로젝트 위치 등을 설정하는데, Flutter sdk위치는 빠져있네요..default로 입력하게 되어 있으려면.. 아래 링크를 참조하시면 될듯합니다. 아직 수행은 못해보았습니다.
- https://github.com/flutter/flutter-intellij/issues/1018
flutter sdk위치를 처음 clone한 위치로 지정합니다.
다음 화면으로 넘어가면 package name을 설정할 수 있습니다.
아래에 옵션으로.. Android에는 Kotlin을 포함할지, IOS는 swift를 포함할지 옵션이 있는데.. 일단 시작을 해보는게 목적이므로.. 저는 포함하지 않고 넘어갑니다.
이제는 editor가 본격적으로 코드를 입력할 수 있게 진입되고, 아래와 같이 무언가 설치를 진행된 후..
코드가 보입니다. 어라 Java코드인가 했는데 이것이 Dart인가 보군요 허허
일단 Android Virtual Device를 하나 띄워 실행해봅니다.
어라 Android Studio에 보면 아래와 같이 ios simulator도 띄울 수 있군요.
하지만..처음 ios simulator를 띄우면 iphone 5버전인데 여기서는 앱이 실행이 안되고..simulator에서 다른 버전으로 바꾸니 실행이 되네요.. 이건 좀 알아봐야할듯