APP/Dart & Flutter

[Flutter] Flutter 설치하는 법(Android Studio)과 테스트까지!

JOKUN 2022. 10. 21. 12:12

 

Flutter란?

Flutter(플러터)는 하나의 코드베이스로 모바일, , 데스크톱에서 네이티브로 컴파일되는 구글의 아름다운 UI 툴킷입니다.

 

https://flutter-ko.dev/

 

Flutter - 가장 빠른 아름다운 네이티브 앱

Flutter(플러터)는 하나의 코드베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일 되는 구글의 아름다운 UI 툴킷입니다. Flutter는 기존 코드와 함께 동작하고, 전세계 개발자와 조직에 쓰이고

flutter-ko.dev

 

 

 

설치하는 법

⭐설치 전 주의 사항⭐
다운로드할 컴퓨터 혹은 노트북의 메모리를 넉넉하게 준비해줘야 한다. . !
이런저런 개발 툴이나 필요한 것들을 많이 설치해서 용량이 꽤나 찼을 때 설치하면
용량으로 이런저런 문제가 생길 수 있으니 주의하자.

Android Studio에서 Plugins 설치

안드로이드 스튜디오 set up 다운받아서 install 한다.

 

 

 

 

여기서 Send usage statistics to Google 누르고 next

 

 

 

Standard ver

 

 

 

 

하나씩 눌러서 Accept 해준다.

 

 

여기까지 끝내면 완료!

 

 

설치 완료 후 초기에는 Plugins로 들어가서 Flutter를 깔아준다.

Restard IDE 해줘서 다시 시작해준다.

 

 

New Project 눌러주고,

SDK path에 자동으로 잡히는 게 떠야 한다. (없으면 2번 진행)

 

 

 

 

Flutter 수동 설치

1번대로 했는데도 SDK path에 자동으로 잡히는 게 없을 때 실시함!

직접 Flutter를 OS 맞게 2.10.3버전으로 다운로드했다. (요게 가장 문제없을 듯 보여서 이걸로 다운로드 하라함)

https://docs.flutter.dev/development/tools/sdk/releases?tab=windows

 

Flutter SDK releases

All current Flutter SDK releases, stable, beta, and master.

docs.flutter.dev

다운로드하면 압축파일이 하나 받아지는데, 압축파일 풀어서 C드라이브로 옮겨준다.

 

 

 

그다음 환경변수를 설정해줘야 한다.

 

환경 변수 - 시스템 변수 - path로 들어가기 

 

flutter\bin 경로를 추가해준다. 확인 눌러서 완료해주기! 

 

 

그 다음 다시 안드로이드 스튜디오에서 경로를 설정해준다.

여기서 주의할 점은 Project location에서 경로 중에 한글이 있으면 오류가 난다.

Finish 하면 프로젝트 생성!

 

 

테스트

위 사항까지 완료됐으면 제대로 설치가 됐는지 테스트까지 해보자!

Create Device를 눌러서 어떤 인치로 작업할지 정해준다.

 

일단 나는 내 핸드폰 기종에 맞는 사이즈로 골랐다.

 

 

 

이렇게 내가 고른 디바이스대로 생성이 되는 것을 볼 수 있다.

 

 

▶️ 실행 버튼 눌러주기!

 

 

 

눌러서 바로 실행이 되면 좋은데 이런 메세지가 뜰 수도 있다.

그럴 때는 컴퓨터 재부팅을 한 번 해주면 된다.

 

 

성공 화면