본문 바로가기
개발 기록/Flutter

[Flutter] 3장 Flutter 개발 환경 세팅하기

by Ratataca 2021. 10. 27.

순서

  1. Flutter SDK 다운로드
  2. PATH 설정 & Flutter doctor
  3. Android Studio 설치
  4. Android Studio 내 Flutter / Dart 플러그인 설치
  5. java version 확인
  6. Flutter 새프로젝트 만들기
  7. Flutter doctor 를 통해 환경세팅 확인
  8. 안드로이드 라이센스 획득
  9. 플러터 앱 실행

플러그인 이란?

플러그인은 일반적으로 프로그램에 원래 제공되지 않은 일부 특정 기능을 보강하도록 설계된 것이다.

 

 

4. Android Studio 내 Flutter, Dart 플러그인 설치

1. 설정이 완료된 Android Studio IDE를 실행한다.

2. 왼쪽 탭에 있는 Plugins 클릭한다.

 

3. 상단에 MarketPlace와 Installed 2가지 탭 중 MarketPlace클릭한다.

 

4. Flutter 입력한다. install 버튼을 클릭하여 IDE에 설치한다.

 

5. 설치 하다보면 Dart도 같이 설치 할 것인가 물어본다. 

같이 설치하면 된다. 만약 해당 창이 안 뜬다면 Flutter와 동일하게 검색하여 설치하면 된다.

 

6. Plugins를 설치하고 나면 IDE를 종료하고 다시 시작해야한다.

재시작 하고 나면 중앙의 아이콘이 New Flutter Project로 변한 것을 알 수 있다.

 

7. New Flutter Project 클릭

 

8. Flutter SDK의 위치를 추가 후 Next 클릭

 

9. 프로젝트 이름 및 저장 위치 설정하기

 

10. Android Studio의 Terminalf를 켜고 flutter doctor 명령어 입력

첫 번째 [✔] Flutter 이 외에 나머지는 사용자 환경에 따라 다르게 나타 날 수 있다.

두번째 [ ! ] Android toolchain은 라이센스 동의를 하기 위해 필요한 자바 환경변수를 지정해달라는 것이다.

 

자바 환경변수는 아래에 포스트를 공유하겠다.

https://ratataca.tistory.com/27

 

[Java] 윈도우즈에 openJDK 11 설치하기

내가 주로 사용한 자바 버전은 11이였기 때문에 해당 버전에 맞게 포스팅을 하고자 한다. 순서 OpenJDK 다운로드 압축풀기 및 파일 이동 시스템 환경변수 및 경로 지정 Windows에 OpenJDK 11을 설치 1. Ope

ratataca.tistory.com

 

12. OpenJDK 설치 후 flutter doctor 명령어 실행

터미널에 flutter doctor 명령어를 입력한다. 아까와 다른 문제가 발생함을 확인 할 수 있다.

두번째 [ ! ] Android toolchain은 라이센스 동의를 터미널에 입력하면 된다.

 

12. Flutter 라이센스 동의

터미널에 flutter doctor --android-licenses를 입력한다.

 

만약 다음과 같은 에러가 난다면 아래의 포스트를 참고하길 바란다.

https://ratataca.tistory.com/31

 

[Flutter Error] Exception in thread "main" java.lang.NoClassDefFoundError:

flutter doctor --android-licenses 명령어 입력 후 Exception in thread "main" java.lang.NoClassDefFoundError: javax/xml/bind/annotation/XmlSchema 에러가 발생했다면 다음을 확인 해보자. Exception in thr..

ratataca.tistory.com

 

 

동의를 구하는 문구가 나온다. y 입력 후 엔터

 

다시 flutter doctor를 입력하면 두 번째 문제가 해결 됨을 알 수 있다.

 

세 번째 문제는 나는 지금 안드로이드에서 터미널을 작업하는데 Android Studio가 없다는 건 무슨 뜻이지?라고 당황 할 지도 모른다. 아래에 포스트를 참조하길 바란다.

https://ratataca.tistory.com/32

 

[Flutter Error] [ ! ] Android Studio (not installed)

flutter doctor 이후 세번째 문제는 다음과 같다. [ ! ] Android Studio (not installed) 해당 문제는 Flutter에 Android Studio 경로를 지정하지 않아서이다. flutter config --android-studio-dir="C:\Program..

ratataca.tistory.com

 

댓글