[flutter] 플러터를 구축해보자

플러터(flutter)로 프로그램 만들일이 슬슬 생기기 시작한다.

플러터가 업그레이드를 구글에서 하지 않아서 버리는 카드였다고 생각했는데, 이번에 2.0으로 업데이트를 해주면서 슬슬 생태계가 다시 살아나는듯 하다.

그래도 예제나 이런게 많이 없어서 생소하기는 하지만 그래도 한번 시도해봄직하다.

dart라는 언어도 생소하긴 하지만 하나씩 차근차근 잘 따라가보면 UI도 잘 맞아 떨어진다.

 

먼저 플러터 sdk부터 설치를 한다.

https://flutter.dev/docs/get-started/install

Install

설치는 간단하게 위 사이트에서 파일 다운받아서 원하는 위치에 압축을 풀어서 위치해주면 되고,

(나는 간단하게 d\flutter 에 위치)

그리고 환경설정변수로 들어가서 path에 "d\flutter\bin"(플러터경로\bin) 을 추가해준다.

그 다음 안드로이드 스튜디오를 설치한다.

https://developer.android.com/

Android 개발자  |  Android Developers

 

 

설치는 역시 위사이트에서 다운받아서 쭉쭉 설치해주면 된다.

 

 

그리고 실행을 하면 이쁜 여우모양의 로고화면이 뜬다. ㅎ 폭시 버전이라고 하는구만

 

plugin > Marketplace > flutter 을 검색해주면 플러터가 보이는데 설치해주면 된다. 이때 dart도 같이 설치해줄까? 라고 뜨는데 네 하고 설치하면 된다.

 

설치 후 재시작을 하면 create flutter project가 보이는데 플러터 프로젝트를 만드려면 이버튼을 클릭해서 만들고, flutter SDK path 는 아까 d:\flutter 폴더로 지정해둔 sdk의 경로를 설정해주면 된다. 나머지는 프로젝트를 그냥 만들면,

플러터 프로그램 완성!!!

 

이제 실행을 해보려는데 노트북에 에뮬레이터 깔기 귀찮아서 디바이스로 바로 연결하려는데 디바이스가 뜨지 않는다.

 

안드로이드 SDK를 설치하지 않아서인듯, 오른쪽 위에 android sdk manager를 클릭해주면,

 

원하는 버전의 sdk를 체크하여 설치해둔다.

디바이스는 개발자옵션 > 디버깅모드는 이미 체크해두었고, 

디바이스에서 실행해보면

같이 기본 프로그램이 실행된다.

+를 마구 누르면 숫자가 올라간다.

flutter의 설치 세팅문서는

https://flutter.dev/docs/get-started/install/windows#android-setup

Windows install

여기로...