Flutter 실습(2) - 걍 한번 만들어보기

1. 프로젝트 생성

2. Flutter Application 선택 > Next

 

3. Flutter SDK와 프로젝트 저장 경로 넣기

 

4. 도메인 넣기

  - Use androidx.* artifacts : 플러터 개발시 외부 라이브러리 사용해야 하는데, 최신 라이브러리는 대부분 Androidx 기반이라 체크해 주는 것이 좋다고 함

  - include Kotlin support for Android code : 네이티브와 연동하는 코드 - 체크시 코틀린, 해지시 자바를 쓰는 듯

  - include Swift support for IOS code : 네이티브와 연동하는 코드 - 체크시 스위프트, 해지시 Object-C

 

5. finish를 누르면 다음과 같이 화면이 나타나는데, 환경이 제대로 구성되었는지 보려면 좌측의 pubspec.yaml 선택 후 우측의 Flutter doctor 클릭

하단에 다음과 같은 메세지가 나타남

E:\Study\Flutter\sdk\bin\flutter.bat doctor --verbose
[√] Flutter (Channel stable, 2.0.5, on Microsoft Windows [Version 10.0.19042.928], locale ko-KR)
    • Flutter version 2.0.5 at E:\Study\Flutter\sdk
    • Framework revision adc687823a (8 days ago), 2021-04-16 09:40:20 -0700
    • Engine revision b09f014e96
    • Dart version 2.12.3

[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at C:\Users\hdong\AppData\Local\Android\sdk
    • Platform android-30, build-tools 30.0.3
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b03)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses

[√] Chrome - develop for the web
    • Chrome at C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

[√] Android Studio (version 4.1.0)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b03)

[√] Connected device (2 available)
    • Chrome (web) • chrome • web-javascript • Google Chrome 90.0.4430.85
    • Edge (web)   • edge   • web-javascript • Microsoft Edge 90.0.818.46

! Doctor found issues in 1 category.
Process finished with exit code 0

 

Toolchain 쪽에서 [!] 표시가 있고, 이를 해결하려면 flutter doctor --android-licenses 를 입력하라고 되어 있음

명령을 실행하면 6번의 질문이 나타나고, y[엔터]를 6번정도 입력하면 된다.

 

6. AVD Manager 실행해서 가장 Device를 하나 만든다(과정 생략)

그리고 나서 에뮬레이터 실행

7. 안드로이드 스튜디오에서 실행하면 다음과 같이 실행된다

8. 폰에도 개발자 모드 설정 후 실행