[.1]구글 플러터-(Flutter) 크로스플랫폼 개발 환경 설정 Android Studio

구글 플로터는 어떤 IDE 를 지원 하는가?

 

플로터는 모든 텍스트 에디터와 커멘트라인 도구를 지원 한다고 합니다.

하지만 좀더 낳은 개발 환경을 위해 에디터 플러그인을 지원하는 에디터 사용을 권장 하네요.

 

공식 추천은 Android 스튜디오 혹은 VS Code 에 플러그인 추가 라고 합니다.

저는 Android Studio를 사용하겠습니다.

안드로이드 스튜디오가 많이 무겁기는 합니다.

노트북에서 개발 중인데 팬돌아가는 소리가 @@

누가 보면 게임 하는 줄 알겠어요 ㅠㅠ

 

Why?

팔은 안으로 굽는 다고 ㅎㅎ

또한 VS Code 는 이미 프론트/퍼블리싱용으로 사용 중이라

거기에 또 이런저런 SDK 설치가 꺼려지네요 ^^;;;

---

먼저 Flutter SDK 설치

https://docs.flutter.dev/

Flutter documentation

 

1. Flutter SDK 다운로드

 

    1.1 Flutter 사이트에서 SDK 최신 버전을 받아,

          C: 드라이브 "C:\src\flutter" 에 압축을 풀어 줍니다.    

          다운로드받은 압축 파일이 922MB 정도 인데 압축을 풀면 3.31GB 가 풀립니다. ㄷㄷㄷ

 

    1.2 파일을 다운로드 받지 않고,

          다음 코드를 통해 GitHub Flutter 저장소에서 소스 코드를 가져올 수 있습니다.

C:\src>git clone https://github.com/flutter/flutter.git -b stable

---

2. Path 추가

- 윈도우 작업표시줄 검색에서 env 입력하고 "계정의 환경 변수 편집" 선택

---

- 사용자 변수 Path 에 "flutter\bin" 별수값을 추가 합니다>

Path  추가 후 환경 변수창을 닫아 주어야 적용 됩니다.

---

3. Flutter doctor 실행

    콘솔에서 Flutter 디렉토리(상단에서 확인)로 이동한 후 설정을 완료하는 데 필요한 플랫폼 의존성이 있는지

    확인하기 위해 아래 명령을 실행하세요.

    이 명령은 환경을 확인하고 Flutter 설치 상태에 대한 보고서를 표시합니다.

C:\src\flutter>flutter doctor

Flutter 설치 상태 보고서를 보고 본인이 개발에 사용할 소프트웨어가 누락되어 있으면 추가로 설치해 줍니다.

---

Android 설정

Android 스튜디오 설치

 

https://developer.android.com/studio

Download Android Studio & App Tools - Android Developers

 

 

---

Android 스튜디오는 최신으로~

 

---

 

Android 스튜디오 소개

Android 스튜디오는 Android 앱 개발을 위한 공식 통합 개발 환경(IDE)이며 IntelliJ IDEA를 기반으로 합니다. IntelliJ의 강력한 코드 편집기와 개발자 도구 외에도, Android 스튜디오는 Android 앱을 빌드할 때 생산성을 높여주는 다음과 같은 기능을 제공합니다. (출처:developer.android.com)

 

 

[ 의문 ] 구글은  2019년 부터는 점차 Kotlin 이 우선으로 될 것이라고 발표함

Dart 라는 언어를 새로 배워야 하는데 같은 IDE에서 Java로도 개발이 가능한데?

굳이 Flutter 를 써야 할지 고민 입니다. 멀티플랫폼 ... 흠흠

플로터? 계속 살아 남을 수 있지?

 

---

 

아무튼 해보기로~

 

Flutter 와 Dart 플러그인 설치

1. Android 스튜디오 3.0 이상버전 설치 및 실행 
2. 플러그인 preferences 선택 / 맥OS는 Preferences > Plugins / 윈도우와 리눅스는 File > Settings > Plugins
3. Marketplace를 선택하고 > Flutter 플러그인 선택하고 설치 클릭
4. Dart 플러그인을 설치하라는 메시지가 나타나면 Yes 클릭하세요.
5. 메시지가 나타나면 Restart를 클릭하세요.

 

Android 스튜디오 설치

 

Android 설치시 처음 실행화면의 Marketplace 에서도 Flutter 를 설치할 수 있습니다.

Android 스튜디오 실행 > Plugins > Flutter 설치

 

 

Dart 설치 > Install (물어 뭐해?)

 

Dart 까지 설치가 완료되면 IDE 를 재시작 합니다.

[Restart IDE] 클릭

---

Android 스튜디오를 재시작 하면, Projects 에 "New Flutter Project" 가 추가 되었습니다.

안드로이드 스튜디오 프로젝트 시작 화면

New Flutter Project 를 선택한 후 SDK path를 등록 합니다.

Flutter 프로젝트 생성화면

Flutter SDK path: 에 [...] 버튼을 눌러 

처음 설치한 Flutter SDK 폴더를 지정해 줍니다.

예시로 제시된 c:\src\flutter 에 설해했던 폴더 지정

Flutter SDK 폴더를 지정하면 앞에 Flutter 프로젝트 생성 화면으로 돌아 옵니다.

이 화면에서 [Next] 를 선택 합니다.

Next

Flutter New Project

환경 설정은 여기까지 끝내고

다음 프로젝트 생성에서 이어가도록 하겠습니다.

( _ _ )