플러터로 앱개발 하기 1 - 플러터 설치

웹 앱으로 개발된 프로그램을 모바일 앱으로 전환하기 위해 이것 저것 알아보다, 이번에는 플러터를 한번 배워보기로 했습니다. 

 

1. Flutter SDK 설치 

1) 안드로이드 스튜디오를 먼저 설치해도 되지만 우선 flutter SDK 를 다운받도록 하겠습니다. 

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

 

만약, 위에처럼 (failed) 라고 나오면 다음 링크에서 받으시면 됩니다. 
https://flutter.dev/docs/get-started/install/windows

2) 설치파일을 다 받으셨으면 위의 안내처럼 원하시는 위치에 압축을 풀도록 하겠습니다. 

저는 c:\src\flutter 에 파일을 풀었습니다. 

 

3) 환경 변수를 설정해 줍니다. 

윈도우 좌측 하단 검색창에 환경변수 라고 검색한뒤 검색결과의 "시스템 환경 변수 편집" 을 선택해 줍니다.

이제 환경 변수 > 사용자 변수 > 환경변수 편집에서 Flutter SDK 를 설치하신 경로는 추가해 주시면 됩니다. 

4) Flutter doctor 실행 

플러터 실행을 원활하게 할 수 있는지 확인하기 위해 플러터에서 제공하는 doctor 프로그램을 실행하겠습니다. 

플러터 파일이 있는 폴더로 이동하여 flutter_console.bat 파일을 실행합니다. 

콘솔창이 뜨면 flutter doctor 라고 명령어를 입력합니다. 

실행하고 나면 다음에 무엇을 해야 하는지 알 수 있습니다. 제 경우에는 안드로이드 스튜디오 및 다른 도구가 설치되어 있어 이부분은 패스 되었습니다. 

안드로이드 스튜디오가 설치되어 있지 않은 경우 아래와 같이 안드로이드 스튜디오를 설치합니다. 

 

2. 안드로이드 스튜디오 설치

1) Android Developer 공식 사이트에서 설치 파일을 받습니다. 

https://developer.android.com/studio

"Download Android Studio" 버튼을 클릭하여 파일을 다운 받으면 됩니다. ( terms and condition 에 동의하라고 하는데, 물론 하나도 안 읽고 동의 합니다. ) 

 

2) 설치방법은 아래 링크에 잘 설명되어 있습니다. (그냥 설치파일을 실행하고 계속 next 를 누르시면 됩니다.)

https://developer.android.com/studio/install?hl=ko 

Android 스튜디오 설치  |  Android 개발자  |  Android Developers

3) 안드로이드 스튜디오에서 플러터 플러그인 설치

안드로이드 스튜디오에서 플러터 플러그인을 설치하여 사용할 수 있습니다. 스튜디오 실행 후 왼쪽의 Plugins 메뉴를 클릭하세요. 중앙상단의 Marketplace 를 선택하신 후 Flutter 와 Dart 를 검색하여 설치하세요. 

플러그인 설치가 왼료되면 아래와 같이 Installed 항목에 표시가 됩니다. 설치가 다 되었다면 스튜디오를 재기동 하세요. 

이제 Projects 메뉴에서 "New Flutter Project" 를 선택하여 플러터 프로젝트를 생성 할 수 있습니다. 

3. 설치 오류 해결 

이제 기본적인 설치는 되었는데 아까 잊고 있었던 doctor 체크 결과가 신경 쓰입니다. 

1) cmdline-tools component is missing 

안드로이드 스튜디오를 열고 SDK Manager를 실행하여 SDK Tools 탭에서 "Android SDK Command-line Tools(latest)" 를 선택합니다. (SDK 경로도 반드시 환경변수 PATH에 추가해 주세요.)

환경변수 설정

2) Android License status unknown 오류 

친절하게도 어떻게 해결 가능한지 메시지까지 표시해 주었네요. 해당 명령어를 입력하여 해결 합니다. 

이제 다음에는 하나씩 기초부터 연습해 보도록 하겠습니다. 

 

감사합니다.