본문 바로가기
개발

플러터(flutter) 앱 개발을 위한 안드로이드 스튜디오 (2023 최신 기린) 설치 - 윈도우 10

by developer's warehouse 2023. 12. 7.

이 글에서는 안드로이드 스튜디오를 이용해서 플러터를 개발하기 위한 사전 작업 및 설치 방법에 대해서 설명합니다. 윈도우 10에서 테스트 한 결과를 사진과 함께 이해하기 쉽도록 설명드립니다. 

플러터(flutter) 앱 개발을 위한 안드로이드 스튜디오 (2023 최신 기린) 설치 - 윈도우 10 썸네일

 

구글 플러터 소개

구글에서 제공하는 라이브러리인 플러터를 이용해서 안드로이드 앱을 만들어 보려고 합니다. 

플러터(Flutter)는 Google에서 개발한 오픈 소스 프레임워크로, 모바일 앱과 웹 앱을 개발하기 위한 효율적인 도구와 라이브러리를 제공하는 소프트웨어 개발 키트(SDK)입니다. 

플러터는 dart라는 c++과 유사해 보이는 언어를 사용합니다. 

플러터는 다음과 같은 주요 특징과 장점을 가지고 있습니다:

 

크로스 플랫폼 개발: 플러터를 사용하면 하나의 코드베이스로 iOS, Android, 웹 앱을 동시에 개발할 수 있습니다. 이를 통해 개발 생산성을 향상시키고 시간과 비용을 절약할 수 있습니다.

아름다운 UI: 플러터는 아름다운 사용자 인터페이스(UI)를 구축하기 위한 다양한 위젯과 머티리얼 디자인(Material Design)을 지원합니다. UI를 빠르게 구성하고 사용자 경험을 향상시킬 수 있습니다.

빠른 개발: 플러터는 Hot Reload 기능을 제공하여 코드 수정 후 실시간으로 결과를 확인할 수 있어 개발자들에게 빠른 반응성을 제공합니다. 이는 앱 개발 및 디버깅을 훨씬 효율적으로 만듭니다.

다양한 라이브러리: 플러터는 다양한 라이브러리와 패키지를 포함하고 있어, 데이터베이스 연동, 상태 관리, 네트워킹, 그래픽 처리 등 다양한 앱 요구 사항을 처리하기에 용이합니다.

커뮤니티 및 지원: 플러터는 활발한 개발자 커뮤니티와 문서화가 잘 되어 있어서 학습 자료와 지원이 풍부합니다. 문제 해결과 지원이 필요할 때 커뮤니티에서 도움을 얻을 수 있습니다.

성능 최적화: 플러터는 네이티브 앱과 유사한 성능을 제공하며, 하드웨어 가속을 활용하여 부드러운 애니메이션 및 고성능 그래픽을 제공합니다.

플러터는 모바일 및 웹 앱 개발에 관심 있는 개발자들에게 강력한 옵션으로, 효율적이고 멋진 앱을 빠르게 개발할 수 있도록 도와줍니다.

안드로이드 스튜디오 설치

먼저 아래 링크에서 안드로이드 스튜디오를 다운 받습니다. 

링크를 누르면 아래 화면이 나타나며, 여기에서 Download를 눌러서 1.04 기가 용량의 안드로이드 스튜디오 설치 파일을 다운로드 받습니다. 

 

 

23년 9월 29일 기준으로 다음의 패키지가 다운로드 됩니다. 

안드로이드 스튜디오 패키지

안드로이드 스튜디오 설치 시 아래와 같은 화면에서 AVD(Android Virtual Device)를 함께 설치해 주어야 나중에 앱 테스트 시에 좋습니다. 

설치는 약 3.4기가 정도 용량을 차지한다고 합니다. 

안드로이드 스튜디오 AVD 포함 설치

저의 경우 C: 드라이브가 용량이 적은 관계로 D: 드라이브로 폴더를 옮겨서 설치합니다. 

안드로이드 스튜디오 설치 경로 지정

설치가 완료되면 안드로이드 스튜디오를 시작을 할 수 있습니다. 시작 시에 저의 경우 이전에 설치했던 경험이 있어서 이전 버전의 설정을 유지할지 물어보는데, 처음부터 다시 하려고 "Do not import settings"를 클릭 후 OK를 눌렀습니다. 

 

설치시 do not import settings


이번 안드로이드 스튜디오는 Giraffe(기린)입니다. 

 

처음 시작 시에 아래와 같이 문제 보고를 서버로 할지 동의를 구하는 부분이 있는데 Don't send를 눌러서 불필요한 자원을 낭비하지 않도록 하는 것이 좋을 것 같습니다. 

Don't send

중간에 UI 테마를 선택하는데, 기본인 다크 테마를 사용하는 것으로 선택했습니다.

다크 테마를 사용하는 것

안드로이드 sdk 다운로드를 해야 합니다. 1.9 기가 정도를 사용한다고 합니다. 이 폴더는 수정할 수 없는 것으로 보여서 어쩔 수 없이 C: 드라이브에 설치하였습니다. 

안드로이드 sdk 다운로드

라이선스 동의를 구하는 데 왼 편의 두 가지 모두 Accept로 선택해야 Finish 버튼이 활성화 됩니다. 동의 후 Finish 버튼을 누르면 다운로드가 진행됩니다.

라이선스 동의

 

 

안드로이드 스튜디오 시작 시Plugins를 눌러서 플러터를 설치


플러터 Plugin 설치

안드로이드의 시작 화면에서 Plugins를 눌러서 플러터를 설치해 줍니다. 

Plugins를 눌러서 플러터를 설치

플러터를 설치 중에 Dart 설치를 요구합니다. 역시 Install을 눌러서 설치해 줍니다. 

Plugins를 눌러서 플러터 설치 중 Dart 설치

 

안드로이드 스튜디오 재시작

 

이후 Restart IDE를 누르면 안드로이드 스튜디오가 재 시작 되면서 다음과 같이 New Flutter Project가 나타납니다.

New Flutter Project가

 

플러터 SDK 설치

위와 같이 설치된 상태에서, New Flutter Project를 실행하면 플러터 SDK의 위치를 물어봅니다. 그러므로, 플러터 SDK를 설치해 주어야 합니다. 

플러터 SDK 다운로드 바로가기

위의 링크에서 최신 플러터 sdk를 다운로드 받아서 특정 위치에 압축을 풀고 환경 변수에 PATH를 추가해 주면 완료됩니다. 

다운로드시에는 왼쪽의 플러터 버전을 누르셔야 다운로드가 가능합니다. 

압축 파일은 약 860MByte 정도 용량입니다. 

플러터 SDK 다운로드

플러터 SDK를 다운로드 하고 압축을 해제한 후 bin 폴더의 경로를 시스템 환경 변수 PATH에 추가해 주어야 합니다. 

다음과 같이 작업표시줄 검색에서 환경이라고 검색하면 다음과 같은 화면이 나타나고 시스템 환경 변수 편집으로 들어갑니다. 

시스템 환경변수

 

저의 경우 아래 경로에 설치되었으므로 해당 경로의 bin 폴더를 PATH로 추가합니다. 

 D:\flutter_windows_3.13.6-stable
시스템 환경변수 편집 창 가기

 

시스템 환경변수 편집 하기

 

시스템 환경변수에 path 추가

위와 같이 편집이 완료되면 플러터 SDK가 설치되었으며, 정상동작을 확인하기 위해서 명령 프롬프트를 열어서 flutter doctor를 수행해 봅니다. 

flutter doctor

[!] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    X cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    X Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/windows#android-setup for more details.

 

저의 경우 아래와 같이 Android toolchain에 에러가 발생합니다. 이를 해결하기 위해서 Android Studio의 SDK Manager를 통해 설치해 보도록 하겠습니다. 

플러터 설치 후 검사

 

Flutter는 위와 같이 설치된 것을 확인할 수 있습니다. Android toolchain에서 경고가 나왔는데 toolchain을 설치해야 합니다. 이를 위해서 안드로이드 스튜디오를 시작하면 다음과 같이 More Action에 SDK Manager가 나타납니다.

안드로이드 스튜디오의 SDK manager

SDK Manager를 누르면 아래와 같은 화면이 나타납니다. 아래 화면에서 Android SDK Command-line Tool (latest)를 체크한 후 OK를 누르면 android toolchain을 다운로드 및 설치가 진행됩니다. 

안드로이드 스튜디오 SDK Manager

 

Android toolchain이 설치되면 다음으로는 license 관련 업데이트를 수행하기 위해 아래 명령을 실행합니다.  

flutter doctor --android-licenses
C:\Users\lsw00>flutter doctor --android-licenses
[=======================================] 100% Computing updates...
5 of 7 SDK package licenses not accepted.
Review licenses that have not been accepted (y/N)? y

1/5: License android-googletv-license:
---------------------------------------
Terms and Conditions

This is the Google TV Add-on for the Android Software Development Kit License Agreement.
....
---------------------------------------
Accept? (y/N): y
All SDK package licenses accepted

6회 정도 "y"를 입력하면 라이선스 동의가 완료됩니다. 

다시 flutter doctor를 수행해서 확인하면 아래와 같이 정상적으로 확인됩니다.

C:\Users\lsw00>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.13.6, on Microsoft Windows [Version 10.0.19045.3448], locale ko-KR)
[√] Windows Version (Installed version of Windows is version 10 or higher)
[√] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[√] Chrome - develop for the web
[X] Visual Studio - develop Windows apps
    X Visual Studio not installed; this is necessary to develop Windows apps.
      Download at https://visualstudio.microsoft.com/downloads/.
      Please install the "Desktop development with C++" workload, including all of its default components
[√] Android Studio (version 2020.3)
[√] Android Studio (version 2022.3)
[√] VS Code (version 1.82.2)
[√] Connected device (3 available)
[√] Network resources

! Doctor found issues in 1 category.

이제 flutter doctor를 통해서 정상적으로 설치가 된 것을 확인하였습니다. 

facebook twitter kakaoTalk kakaostory naver band shareLink