[Flutter] 00. Flutter 설치

Flutter란?

구글에서 출시된 모바일/웹/데스크톱 크로스 플랫폼 GUI SDK입니다. 하나의 코드를 베이스로 안드로이드, 아이폰, 리눅스, 윈도우즈, 맥 및 웹 브라우저에서 모두 동작되는 앱을 만들기 위해 출시되었고, Dart 언어를 사용합니다.

 

간단한 앱을 개발하기 위해 Flutter를 공부해 보겠습니다.

 

Flutter 개발 환경 구축

1. Flutter 다운로드

Flutter 설치는 아래 사이트에서 가능합니다.

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

Install

설치할 환경에 맞는 운영체제를 선택 후 Flutter를 다운로드합니다.

한국어 사이트도 존재하지만, 2022년 2월 9일 현재 한국어 사이트에서는 아래와 같은 화면이 출력되며 다운로드가 불가능합니다.

따라서 영어 사이트로 접속하는 편이 낫습니다.

다운로드가 완료되면 원하는 위치에 압축을 풀어 주면 됩니다.

 

2. 환경 변수 설정

플러터 명령어를 사용하기 위해서는 환경 변수 설정이 필요합니다. 

윈도우 검색창에 환경 변수를 검색한 후 시스템 환경 변수 편집을 클릭합니다.

 

고급 탭을 클릭하면 환경 변수 버튼이 보입니다. 해당 버튼을 클릭합니다.

 

시스템 변수에서 Path를 찾아 선택한 후 편집 버튼을 클릭합니다.

 

편집을 누르면 이미 설정되어 있는 경로들이 존재하는데, 새로 만들기를 클릭하여 경로를 추가해 줍니다.

flutter를 다운로드한 후 압축을 푼 폴더의 경로를 추가합니다.

주의할 점은, 압축을 해제한 폴더 아래에 있는 bin 경로도 추가해 주어야 합니다.

따라서 2개의 경로를 추가한 후 확인을 클릭합니다.

 

3. 설치 환경 확인

환경 변수 설정까지 끝나면 설정을 완료하는 데 필요한 플랫폼 의존성이 있는지 확인하여야 합니다. 

압축을 푼 폴더의 flutter_console.bat 파일을 실행하거나, 명령 프롬프트를 열어 flutter가 설치되어 있는 폴더로 들어갑니다.

flutter doctor 명령어를 입력하여 필수 설치 항목이 모두 설치되어 있는지 확인합니다.

필수 설치 항목이 모두 설치되어 있는 경우에는 아래와 같은 화면이 출력됩니다.

빨간색 X 표시 또는 노란색 ! 표시된 항목을 추가적으로 설치해 주면 됩니다.

 

4. Android Studio 설치

Android Studio를 사용한 적이 없고, 처음 Flutter를 설치하는 경우에는 Android Studio를 설치하여야 합니다.

Android Studio는 아래 사이트에서 설치할 수 있습니다.

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

Download Android Studio and SDK tools  |  Android Developers

 

5. Android SDK 설치

Android Studio 설치 후 SDK까지 설치해야 설치가 완료됩니다.

Android Studio의 Setting → System Settings → Android SDK → SDK Tools로 들어갑니다.

아래 사진에 표시된 항목 중 설치되어 있지 않은 항목이 있다면 체크 후 OK를 클릭합니다.

 

SDK 설치 후 flutter doctor를 실행하여 확인하면 다음과 같은 화면이 출력됩니다.

flutter doctor --android-licenses 명령어를 입력하여 라이선스 동의를 해 주면 해결됩니다.

 

Android Studio 혹은 VSCode에서 Flutter 플러그인을 설치하면 Flutter의 설치가 완료되고, 사용이 가능해집니다.