플러터와 Dart플러그인 설치 하기

안드로이드 스튜디오에서 플러터를 실행 하기 위해선 먼저 플러터와 Dart 플러그인을 설치 해야 한다.

플러그인을 설치 하기 위해 위 상단 메뉴에서 File -> Settings -> Plugins 을 클릭

Flutter를 검색하게 되면, 위와 같이 Flutter가 나오게 된다. install을 누르게 되면 Dart를 설치 하겠냐고 묻는데, Yes를 클릭 하면 Flutter와 Dart 플러그인이 설치가 된다.

설치 완료 후 Android Studio를 종료 후 다시 시작하자.

Flutter 프로젝트 생성하기 - Create the app

1. 안드로이드 스튜디오를 시작 후 File -> new -> New Flutter project를 선택

2. Flutter Applcation 을 선택

3. Flutter SDK path 입력 후 Next 

Flutter SDK의 path가 정확히 모르겠다면, Windows command shell을 오픈 한 후 

flutter doctor -v

실행 하면, Flutter 의 대한 정보가 출력이 된다

4. 패키지 이름은 디폴트로 둔 상태로 Finish

5. 실행 버튼을 누르게 되면 플러터 앱이 실행 된다.

안드로이드 스튜디오 설치 - Install Android Studio

안드로이드 플랫폼을 위해 안드로이드 스튜디오를 다운 받고 설치한다. 다운로드는 요기 링크에서 할 수 있다. developer.android.com/studio

다운로드 받은 안드로이드 스튜디오 IDE를 설치 하자.  설치는 디폴트 셋팅으로 한다. 디폴트 셋팅으로 next, next를 누르게 되면 마지막으로 아래와 같이 Veryfy Settings dialog 가 나온다. 

Finish 버튼을 누르게 되면, 에뮬레이터부터 SDK 빌드 툴, 등등 다운을 받아 설치를 하게 된다.

안드로이드 에뮬레이터 셋업 - Set up the Android emulator

1. VM acceleration 활성화 - developer.android.com/studio/run/emulator-acceleration

2. Android studio를 시작 후, AVD Manager 아이콘을 클릭 후 Create Virtual Device를 클릭 한다.

혹시라도 AVD manager가 보이지 않는다면 메뉴 상단에 Tools -> AVD Manager 를 클릭 한다.

3. Create Virtual Device를 클릭 하게 되면 Select Hardware가 나오는데, 여기서 난 Pixel3 XL을 선택했다.

4. System image 섹션에서 version R을 선택 후 라이센스 동의, 그리고 Next 버턴을 클릭 하게 되면 안드로이드 버전 R이 다운로드 된다.

5. 설치가 끝나게 되면 Verify Configuration 페이지가 나오게 된다. 그래픽에서 Hardware - GLES 2.0을 선택 후 Finish

6. Finish button을 누르게 되면 아래와 같이 Device list에 Pixel3 XL API 30이 나타난다. Pixel3 XL은 우리가 선택한 디바이스 이며, API30은 우리가 사용할 API 버전이다.  설치한 에뮬레이터가 잘 작동하는지 테스트 하기 위해 플레이 버튼을 누르게 되면 에뮬레이터가 실행 되어진다. 에뮬레이터가 정상적으로 실행 되었다면 셋팅 완료. 에뮬레이터 로딩 되는데 시간이 조금 걸릴 수 있다..

번역: 이 포스트의 원문은 flutter.dev/docs/get-started/editor?tab=androidstudio입니다.

플러터 시작하기 - Flutter

코로나 락다운 기간동안 Flutter 공부 시작!

Flutter는 구글에서 개발한 UI 툴킷으로 모바일, 웹, 그리고 데스크탑 앱 개발에 사용 될 수 있다. 공부를 하기전 리서치 해본 결과 내가 생각하기에 가장 큰 장점은 Dart라는 하나의 프로그래밍 언어로 안드로이드와 iOS앱을 동시에 개발 할 수 있다는 점이다. 이 부분은 추후 자세히 더 공부를 해봐야 겠다.

첫번째로 Flutter SDK 설치 하기, Flutter Software Development Kit

플러터 SDK는 storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_1.22.1-stable.zip 다운 받을 수 있다. 

C: 드라이브 Development 폴더를 만든 후 다운 받은 SDK를 설치 하였다. 압축을 풀게 되면 아래와 같은 구조가 되었다.

Windows console에서 플러터 커맨드를 실행 하기 위해 Flutter path를 Environement Variable Path에 등록 시켰다.

Flutter가 정상적으로 작동을 하는지 테스트를 해보자. 테스트를 위해서 Windows command prompt를 실행 후 flutter doctor를 실행 하자. 실행시 Welcome to Flutter! 라고 하면서 console에 플러터 관련된 무엇인가 출력이 된다면, flutter가 정상적으로 path에 등록이 된 것이다.

플러터 공식 홈페이지 : flutter.dev/

번역: 이 포스트의 원문은 flutter.dev/docs/get-started/install/windows 입니다.