Flutter 강좌 - 안드로이드 스튜디오에 플러터 설치하기
개발/flutter

Flutter 강좌 - 안드로이드 스튜디오에 플러터 설치하기

반응형

안드로이드 스튜디오에 플러터 설치
안드로이드 스튜디오에 플러터 설치

Flutter 강좌 - 안드로이드 스튜디오에 플러터 설치하기

제가 한 3년 전에 유튜브와 블로그에서 진행하던 마인크래프트 스크립트 강좌 이후로 오랜만에 한 번 프로그래밍 강좌를 다시 진행해보려고 합니다. 우선은 먼저 제가 요즘 사용하고 있는 flutter에 대해서 강좌를 진행해보려고 합니다. 첫 번째 flutter 강좌에선 우선 플러터에 대해서 간략하게 알아보고 안드로이드 스튜디오에 플러터를 설치하는 방법을 알아보려고 합니다.

앞으로 진행할 flutter 강좌는 프로그래밍에 처음 입문하신 분들보단 변수, if, 함수, 클래스 등의 개념 정도는 알고 계신 분들을 대상으로 진행하려고 합니다.

플러터란?

플러터는 구글에서 개발한 크로스 플랫폼 앱 개발 프레임워크이며 언어로는 구글이 개발한 Dart를 사용하고 있습니다. 또한 플러터로 제작된 대표적인 앱은 여러 가지 있는데 그중에서 예로는 구글 애드워즈, 구글 스태디아, 알리바바, 이베이, 바이두 등을 들을 수 있습니다. (flutter로 제작된 다양한 앱 확인하기)

flutter의 장점은 크로스 플랫폼이라서 한 번의 코딩으로 안드로이드 ios, 웹 다양한 플랫폼으로 출시를 할 수 있고, 다양한 위젯, 도구를 제공한다는 점과 네이티브급의 속도와 UI를 제공한다는 점입니다. 또한 현재 상태를 유지하고 변경된 점을 바로 확인할 수 있는 핫리로드 기능을 지원하고 있습니다.

flutter sdk 다운로드

flutter 요구 사항 및 다운로드
flutter 요구 사항 및 다운로드

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

 

윈도우에서 설치

 

flutter-ko.dev

우선 위 링크를 통해 플러터 홈페이지에 접속하여 flutter_windows_v1.12.13+hotfix.9-stable.zip 버튼을 통해 Flutter SDK를 다운로드 할 수 있습니다. 또한 플러터의 시스템 요구 사항은 윈도우7 SP1 이상(64-bit), 저장공간 400MB 등이 있다고 합니다.

플러터 SDK 압축 풀기
플러터 SDK 압축 풀기

위에서 Flutter SDK를 다운로드 하셨다면, 다운로드 한 플러터 SDK를 C드라이브에 dev 폴더를 만들거나 해서 아무 경로에 압축을 풀어주세요.

환경 변수 설정

환경 변수 검색
환경 변수 검색

플러터 SDK가 있는 폴더 외에서 플러터 명령어를 사용하려면 환경 변수 설정을 해줘야 합니다. 우선 환경 변수를 설정하기 위하여 윈도우 검색 창에서 환경 변수를 검색해주세요.

환경 변수 버튼 클릭
환경 변수 버튼 클릭

윈도우 검색 창에서 환경 변수를 검색하면 위 사진과 같은 시스템 속성 창이 나타납니다. 여기서 하단의 환경 변수(N)... 버튼을 클릭해서 환경 변수 설정을 해주도록 하겠습니다.

사용자 변수 -> Path 클릭
사용자 변수 -> Path 클릭

환경 변수(N)... 버튼을 클릭하면 위 사진과 같은 창이 나타납니다. 여기서 상단의 ~~~ 에 대한 사용자 변수(U)에서 Path버튼을 더블 클릭하거나, Path 버튼을 선택하고 편집(E)... 버튼을 클릭해주세요.

플러터 SDK 추가

그러면 환경 변수 편집 창이 나타납니다. 이 창에서 새로 만들기(N) 버튼을 클릭한 후 직접 flutter sdk 폴더의 bin 폴더를 추가해주거나, 찾아보기(B)... 버튼을 클릭해서 플러터 sdk 폴더에서 bin 폴더를 선택하고 확인 버튼을 클릭하면 환경 변수 설정이 완료됩니다.

flutter sdk 설정

flutter doctor 입력
flutter doctor 입력

환경 변수를 설정하셨으면 플러터 관련 플러그인이나 프로그램이 설치되어있는지, 또는 플러터의 설치 상태를 확인하기 위해 윈도우 검색 창에 cmd를 검색하여 명령 프롬프트(cmd)를 실행한 뒤 flutter doctor을 입력해주세요.

flutter doctor

위와 같이 flutter doctor 명령어를 입력해 플러터가 정상적으로 설치되었는지, 안드로이드 스튜디오 또는 VS Code가 설치되었는지 등을 확인할 수 있습니다.

Android toolchain에서 Some Android licenses not accepted와 같은 오류가 난다면 flutter doctor --android-licenses 명령어를 입력해주면 됩니다.

안드로이드 스튜디오 플러그인 설정

Plugins 클릭
Plugins 클릭

이제 flutter sdk의 설정을 마쳤으니 안드로이드 스튜디오에서 flutter과 dart 플러그인을 설치해주도록 하겠습니다. 플러터, dart 플러그인을 설치하려면 안드로이드 스튜디오 메인화면에서 Configure -> Plugins 버튼을 클릭하거나, 프로젝트 화면 안에서 File 탭의 Settings 버튼을 클릭한 후 Plugins 버튼을 클릭하면 됩니다.

Flutter 플러그인 설치
Flutter 플러그인 설치

위 사진과 같은 플러그인 창에서 Marketplace 탭을 클릭한 후 좌측에 있는 리스트에서 Flutter를 찾은 후 Install 버튼을 통해 Flutter 플러그인을 설치해주면 됩니다. 플러터 플러그인을 설치하는 과정에서 Dart 플러그인이 설치되어있지 않는다면 Dart 플러그인도 같이 설치하게 됩니다.

이제 안드로이드에 플러터를 정상적으로 설치하였습니다. 다음 강좌에선 한 번 프로젝트를 생성하고 기본적인 구조에 대해서 알아보도록 하겠습니다.

 

관련 글

[Android Studio] 안드로이드 스튜디오 및 JDK 다운로드, 설치 방법

 

[Android Studio] 안드로이드 스튜디오 및 JDK 다운로드, 설치 방법

[Android Studio] 안드로이드 스튜디오 및 JDK 다운로드, 설치 방법 지금까진 가끔 자바스크립트와 파이썬 관련 글을 올렸었는데, 오늘부턴 한번 간단하게라도 제가 주로 하는 앱 개발에 대한 강좌를 올려보려고..

MK

[Android Studio] 안드로이드 스튜디오 에뮬레이터 설치 및 사용 방법

 

[Android Studio] 안드로이드 스튜디오 에뮬레이터 설치 및 사용 방법

[Android Studio] 안드로이드 스튜디오 에뮬레이터 설치 및 사용 방법 안드로이드 스튜디오를 통해 제작한 앱을 실제 기기에 설치하여 잘 작동하는지 확인할 수도 있지만, 개인적으로 저는 실제 기기에 연결하는..

MK

반응형