Flutter 개발 환경 만들기 (Windows 기준)

Posted at 2019.08.16 04:13 | Posted in 프로그래밍

Flutter는 Google이 오픈소스로 개발하는 크로스-플랫폼 UI 툴킷이다. 개발 환경을 구축해보자.

개발 환경 만들기

먼저, 시스템 요구사항에 따라 아래의 두 프로그램을 설치한다.

  • Windows PowerShell 5.0 또는 그 이상 - Windows 10은 기본으로 설치됨. 참고
  • Git for Windows 2.x - 권장 설정으로 설치하되, Use Windows' default console window를 꼭 선택해야 함.
    설치 후에, PowerShell 또는 명령 프롬프트에서 git을 입력하고 엔터를 눌렀을 때 usage가 나오면 잘 설치한 것이다.

Flutter SDK 설치

이제 Flutter SDK를 내려받자. SDK가 있어야 Flutter 프로그램을 만들 수 있다. 아래 방법을 따라하자.

  1. 윈도우 탐색기를 이용해 SDK를 설치할 위치로 찾아간다. Shift+마우스 우클릭 또는 Shift+F10을 누르면 나오는 메뉴에서 여기에 PowerShell 창 열기 또는 여기에 명령 프롬프트 창 열기 따위를 선택한다.
    나는 C 드라이브 밑에 src라는 폴더를 만들고 설치할 것이다. (그러면 명령 프롬프트에 C:\src>를 볼 수 있다.)

  2. 아래 명령으로 SDK를 stable 채널로 설치한다. 잠시 기다리면 done.을 볼 수 있다.

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

  3. 화면 왼쪽 아래 검색환경을 검색한다. 계정의 환경 변수 편집을 선택하자.

  4. 사용자 변수 영역에서 Path를 찾고 편집을 누르자. 없으면 새로 만들고 변수 이름을 Path라 하자.

  5. 변수 값의 끝에 SDK를 설치한 위치의 경로에 flutter\bin을 추가해서 입력한다. (예: C:\src\flutter\bin)

  6. 확인을 눌러서 창을 닫는다.

JDK 설치

Flutter 프로그램을 만드려면 Android SDK가 추가로 필요하다. 그런데 Android SDK를 실행하려면 JDK가 필요하다. JDK를 먼저 설치하자.

아래는 수동 설치하는 방법이고, JDK와 Android SDK를 자동으로 설치하려면 Android Studio를 설치한다.

  1. https://github.com/ojdkbuild/ojdkbuild에서 java-1.8.0-openjdk-....zip 을 찾아서 내려받자.
  2. zip 파일에는 폴더가 하나 있다. 원하는 위치에 압축을 풀자.
    나는 C:\src 밑에 압축해제하고 폴더 이름을 jdk로 바꾸겠다. (예: C:\src\jdk이고, 그 아래에 bin 폴더 있음)
  3. 계정의 환경 변수 편집을 다시 실행한다.
  4. 사용자 변수 영역에서 새로 만들기를 누르자.
  5. 변수 이름은 JAVA_HOME, 변수 값은 2. 에서 압축 푼 폴더 이름으로 설정한다. (예: C:\src\jdk
  6. 확인을 눌러서 창을 닫는다.

Android SDK 설치

다시, Flutter 프로그램을 만드려면 Android SDK가 필요하다. 다음을 따라하자.

  1. https://developer.android.com/studio에서 SDK tools package를 찾아 sdk-tools-windows-....zip을 받자.

  2. zip 파일에는 tools라는 폴더가 들어있다. 이를 원하는 위치에 압축을 풀자.
    나는 C:\src 밑에 android-sdk라는 폴더를 만들고 압축해제 할 것이다. (그러면 경로가 C:\src\android-sdk\tools이다.)

  3. 계정의 환경 변수 편집을 다시 실행한다.

  4. 사용자 변수 영역에서 새로 만들기를 누르자.

  5. 변수 이름은 ANDROID_SDK_ROOT, 변수 값은 2. 에서 압축 푼 위치로 설정한다. (예: C:\src\android-sdk)

  6. 확인을 눌러서 창을 닫는다.

  7. 2. 에서 압축 푼 위치에서 Shift+마우스 우클릭 또는 Shift+F10을 누르면 나오는 메뉴에서 여기에 PowerShell 창 열기 또는 여기에 명령 프롬프트 창 열기 따위를 선택한다.

  8. 아래 명령으로 Flutter에서 필요한 Android SDK의 구성요소를 설치한다. 이때 나오는 Accept? (y/N):y와 엔터를 누른다.

    C:\src\android-sdk> tools\bin\sdkmanager "platforms;android-28" "build-tools;28.0.3" "platform-tools" "extras;google;usb_driver"

개발 환경 점검

이제 Flutter SDK, Android SDK, JDK를 모두 설치하였다. 환경 점검을 위해 명령 프롬프트에 아래 명령어를 입력하자. 이때 나오는 Accept? (y/N):y와 엔터를 누른다.

flutter doctor --android-licenses
flutter doctor -v


결과가 위와 비슷하면 설치를 마친 것이다.

실행 환경 만들기

Flutter 앱을 실행할 수 있게 Android 기기 설정 또는 Android 에뮬레이터 설정을 진행하자.

Android 기기 설정

  1. 개발자 옵션과 USB 디버깅을 활성화한다.
  2. Android 기기를 컴퓨터와 연결한다.
  3. 명령 프롬프트에 flutter devices를 입력하여 기기가 목록에 있는지 확인한다.

Android 에뮬레이터 설정

  1. 명령 프롬프트를 관리자 권한으로 실행한다.
  2. 명령 프롬프트(관리자)에 다음 명령어를 입력하고 재부팅이 필요하면 한다.
    Dism /Online /Enable-Feature:HypervisorPlatform
  3. Android SDK를 설치한 위치로 가서 명령 프롬프트 또는 PowerShell을 연다. (예: C:\src\android-sdk)
  4. 다음 명령어를 입력해서 Flutter Android 에뮬레이터를 생성한다.
    C:\src\android-sdk> tools\bin\sdkmanager "system-images;android-27;google_apis_playstore;x86"
    C:\src\android-sdk> flutter emulaters --create flutter_emulator
  5. 다음 명령어를 입력해서 Flutter Android 에뮬레이터를 실행한다.
    C:\src\android-sdk> flutter emulaters --launch flutter_emulator
  6. 명령 프롬프트에 flutter devices를 입력하여 에뮬레이터가 목록에 있는지 확인한다.

이제 실행 환경 준비를 마쳤다. 개발을 시작하자.

개발

에디터 설정Codelabs 튜토리얼을 따라 Flutter 개발 시작이다~

Name __

Password __

Link (Your Website)

Comment