[Android] Windows 에서 Flutter 개발 환경 구축

안드로이드 앱 개발을 해볼까 생각하던 중 크로스 플렛폼으로 개발하는게 나중에 더 좋지 않을까라는 생각이 들어 구글링 해보니 Flutter 라는 것을 찾았다.

사실 예전에 Flutter 라는 크로스 플랫폼 개발 프레임 워크가 나왔다는 사실은 들은 적이 있었으나, Unity 로 게임 개발을 주로 하던 시절이라 그냥 그런게 있구나 하고 넘어 갔다.

이번 기회에 Flutter 라는 놈을 설치해 보고 간단하게 맛보는 시간을 가져보자.

참고로 이녀석은 Dart 라는 구글에서 만든 언어를 사용한다고 한다. 알아야할 언어가 하나 더 늘었는지는 지켜봐 보기로 하고...

Windows 에서 Flutter 개발 환경 설치 진행한 내역을 기록한다.

일단 Flutter 홈페에지에서 파일을 다운로드 한다.

 

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

다운받은 zip 파일을 원하는 위치에 압축해제 하고 (단, Program Files 와 같은 권한이 필요한 위치는 하지 말라고 유도한다) 환경 변수의 Path 에 Flutter의 bin 경로를 추가해 준다.

제어판 > 시스템 및 보안 > 시스템 > 고급 시스템 설정 > 속성 > 환경 변수 > Path

여기까지 정상적으로 진행 됬다면 커맨드 창에서 flutter upgrade 라고 치면 다음과 같은 화면을 볼 수 있다.

flutter upgrade

대부분의 내용이 업데이트 된 내용을 패치하는 것이고 중요한 부분은 Running flutter doctor... 부분 부터이다.

flutter doctor

이게 Flutter가 정상적으로 설치 되었는지, 개발 환경 구성이 정상적으로 되어 있는지 확인해 주는 역활을 하기 때문에 이부분에서 ! 표시가 되어 있는 부분의 설명을 읽고 가이드 대로 하면 된다.

일단 내 케이스에선 Android toolchain 과 Android Studio 쪽에 이슈가 있고 Connected device 는 나중에 안드로이드 스마트폰을 컴퓨터에 연결하면 될 것으로 보인다.

우선 Android toolchain 이슈를 해결해 보자. 설명대로 커맨드 창에서 flutter doctor --android-licenses 를 입력해 보면 동의 되지 않은 약관들의 설명과 동의 여부를 물어보는 라인이 뜬는데 Y 를 입력하고 엔터를 치며 넘기다 보면 완료가 된다.

Android Studio 관련 이슈는 Flutter plugin 과 Dart plugin 이 설치되어 있지 않다고 하니 설치를 해 보자.

Android Studio 에서 File > Settings > Plugin 항목에 들어가보면 상단 탭에 MarketPlace 라는 것을 선택하고 Flutter 와 Dart 를 찾아 설치해 준다.

Android Studio Plugins

참고로 Flutter 를 설치하려고 하면 Dart 가 필요하니 같이 설치할꺼냐고 물어보는데 Yes 를 눌러주면 둘다 설치가 된다.

Dart plugin

완료가 되면 Android Studio 를 재시작하겠냐고 물어보는데 Yes 를 눌러주자.

VSCode 는 완료된 것으로 나오지만 나중을 위해 해결 방법을 적어둔다.

VSCode 는 잘 알겠지만 Visual Studio Code 고 여기에 Flutter Extension 를 찾아 설치해 주면 완료된다.

VSCode

여기까지 완료되었다면 콘솔 창에서 다시한번 flutter doctor 를 쳐보자.

별 문제 없이 위 문제들을 해결했다면 느낌표 표시가 체크 표시로 바뀐것을 볼 수 있을 것이다.

flutter doctor complete

사실 Android Studio 와 VS Code 는 둘다 해결할 필요 없이 둘중 하나만 해결해도 개발에 문제가 되진 않을 것으로 생각 들지만 일단은 깔끔히 가는게 좋으니까...

일단 개발 환경 세팅은 여기까지