[Flutter] Flutter SDK 설치 및 환경 설정

개요 

안녕하세요. 오늘은 Flutter의 설치 및 실행하는 방법에 대해서 알아보도록 하겠습니다.

Flutter는 Goolge에서 개발한 오픈 소스 UI 프레임워크이며,
Android IOS를 모바일 애플리케이션을 한 번에 개발하기 위해 사용될 수 있습니다.

Flutter는 하나의 코드 베이스로 여러 플랫폼을 지원하는 만큼 개발의 효율성이 좋은데요.

이러한 Flutter를 사용하기 위해서는 다음과 같은 환경 설정이 필요합니다.

 

---

1. Flutter SDK 설치하기

Flutter는 아래의 사이트에서 SDK를 다운로드할 수 있습니다.
https://docs.flutter.dev/get-started/install/windows

 

Choose your first type of app

 

공식 사이트에서 아래와 같이 이동하여 압축 파일(.zip)을 다운로드 해주세요.

 

 

 

 

Flutter는 공식 홈페이지에서 압축 파일을 다운로드 한 후,

원하는 경로에 압축 해제하여 간단히 설치를 완료할 수 있습니다.

 

---

1-1. Java 최신 버전 설치하기

간혹, 낮은 버전의 Java가 설치 되었을 경우 Flutter를 정상적으로 사용할 수 없을 수 있습니다.
따라서, 아래의 사이트에서 높은 버전의 자바를 다운로드해주세요.
본 포스팅에서는 자바 17 버전을 사용했습니다.

 

https://www.oracle.com/java/technologies/javase/jdk17-archive-downloads.html

Java Archive Downloads - Java SE 17

 

---

2. 환경 변수 편집하기

윈도우에서 Flutter를 사용하기 위해서는 Flutter가 어디에 위치해 있는지 정해주어야 합니다.
이러한 작업을 '환경 변수 설정' 이라고 부르며, 아래와 같이 환경 변수 설정을 완료해주세요.

 

 

 

---

 

2-1. Java 환경 변수 점검하기

간혹 설치된 Java 버전이 낮아 커멘드 창에 flutter doctor 명령어를 입력했을 때,

 

[Android Studio] 부분 설정에서 X 표시가 되는 경우가 생길 수 있습니다.
이 경우에는 아래와 같이 JAVA_HOME 변수를 17 버전 이상으로 설정해주면 해결할 수 있습니다.

 

 

---

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

Flutter를 사용하기 위한 통합 작업 환경(IDE, integrated development environment)은 안드로이드 스튜디오 입니다.
아래의 사이트에서 안드로이드 스튜디오를 다운로드 및 설치해주세요.

 

https://developer.android.com/studio?hl=ko

Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers

---

4. 안드로이드 스튜디오 Flutter 플러그인 설치 및 세팅

안드로이드 스튜디오가 설치되었다면 실행 시 아래와 같은 화면을 확인할 수 있습니다.

 

만약 안드로이드 스튜디오 실행 시 프로젝트로 바로 이동한다면 아래와 같이  File > Close Project를 통해 초기 화면으로 돌아갈 수 있습니다.

 

 

 

 

여기까지 완료 하셨다면, 초기화면 > Plugin에서 Flutter 를 검색하여 플러그인을 설치합니다.

 

 

Flutter 플러그인 설치가 끝났다면, 초기 화면 > Customize > All setttings를 클릭하여 이동합니다.

 

검색창에 sdk를 입력하여 Android SDK 메뉴로 이동한 후,

 

아래와 같이 [SDK Tools] 탭 메뉴를 클릭하여 이동합니다.

 

설치된 SDK 목록 중 [Android SDK Command-line Tools]가 설치되어 있지 않다면 설치를 진행해주세요.

---

5. fluter doctor 입력을 통한 환경 점검

여기까지 잘 오셨다면, 커멘드 창을 열고 `flutter doctor`를 입력하여 flutter의 환경을 점검하실 수 있습니다.
아래와 같이 모든 항목에 대해 문제가 없다면 실행할 준비가 완료된 것입니다.

 

 

 

만약, 아래의 항목 중 오류가 있더라도 [Android Studio]와 [Android toolchain] 목록이 정상이라면
안드로이드 스튜디오를 통한 flutter 사용이 가능하니, 두 항목은 반드시 꼭 오류를 해결해주세요.

 

 

---

6. dart 파일 실행하기

컴퓨터 내 원하는 디렉토리에 test.dart 파일을 생성한 후,
아래와 같이 간단히 dart 문법으로 print문이 적인 코드를 작성합니다.

 

void main(){
    print('hello world!');
}

VS Code와 같은 IDE를 사용할 경우 터미널을 통해 `dart 파일명.dart` 를 입력하면 dart 파일이 실행됩니다.

 

dart 파일명.dart

 

 

아래와 같이 dart 파일이 잘 출력되면 준비 완료입니다!

 

 

 

 

참고 자료

https://brain-nim.tistory.com/86

[!] Android Studio (2022.0) X Unable to find bundled Java version.