Notice
Recent Posts
Recent Comments
Link
«   2024/10   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Archives
Today
Total
관리 메뉴

규의 개발 성장기

[Flutter] 플러터 설치하기 - Window 본문

Flutter

[Flutter] 플러터 설치하기 - Window

seongJK 2022. 10. 12. 00:47

이번 글에서는 윈도우 환경에서 플러터를 설치해보려고 한다.

 

플러터란?

플러터는 구글이 출시한 오픈 소스 크로스 플랫폼 GUI 애플리케이션 프레임워크이다.

iOS, Android 개발하는데에 있어 모두 사용될 수 있고 다트(Dart)라는 구글이 만든 언어를 기반으로 하는 프레임워크이다.

 

1. 플러터 다운로드

플러터 공식 사이트에서 플러터를 다운로드받는다.https://docs.flutter.dev/get-started/install

 

Install

Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems.

docs.flutter.dev

운영체제에서 윈도우 선택

위 링크인 플러터 공식 사이트에 들어가면 운영체제를 선택할 수 있다. 여기서 윈도우를 선택해주면 된다.

 

플러터 zip 파일 다운로드

이후 나오는 창에서 flutter_windows_0.00.0-stable.zip이란 파일을 다운로드합니다. (버전은 다를 수 있음)

다운로드 후 압축파일을 해제에 원하는 곳에 저장하면 된다.

 

주의 : C:\Program Files와 같이 권한이 필요한 곳에 저장하면 안된다.

 

나는 C드라이브에 새로 폴더를 하나 생성해서 그 곳에 압축을 풀었다.

 

2. 환경 변수 설정하기

윈도우 + R키를 입력하고 sysdm.cpl ,3을 입력한다.

혹은 윈도우 검색 창에 환경이라고만 쳐도 '시스템 환경 변수 편집' 이 나오는데 이를 클릭한다.

 

sysdm.cpl ,3 입력

이후 나오는 창에서 고급 > 환경 변수 > 사용자 변수의 Path 더블클릭을 차례로 진행한다.

환경 변수 설정 >> Path 더블 클릭

그러면 환경 변수 편집 창이 나오는데, 새로 만들기를 누르고 이 곳에 '플러터를 다운받은 경로\bin'을 추가한다.

 

사용자 변수 Path에서 flutter다운경로\bin 추가

3. flutter doctor 실행

환경 변수를 성공적으로 추가한 이후, 내가 플러터를 다운받은 폴더에 있는 Flutter Console을 실행한다.

그리고 플러터를 사용하기 위해 필요한 것을 점검해주는 명령어인 'flutter doctor' 를 입력한다.

flutter 폴더 내부의 flutter console 실행 후 flutter docter 입력

입력하면 현재 기기에서 플러터를 실행하기 위해 필요한 것들이 나온다. 나는 Android Studio와 VS Code를 미리 설치해둬 오류가 뜨지 않았지만 이를 설치하지 않은 사람들은 아마 오류가 뜰 것이다.

3. 오류 처리

(1) [!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)

일단 처음 나온 cmdline-tools component is missing 오류를 해결해보자.

Android SDK Command-line Tools(latest)는 Android Studio 실행 후, 원래 작업하던 프로젝트 혹은 임의의 프로젝트를 하나 생성한 뒤 에디터 화면에서 File > Settings > Appearance > System Settings > Android SDK > SDK Tools에서 볼 수 있다. 체크박스를 체크하고 OK 버튼을 누르면 다운받을 수 있다.

Android SDK Command-line Tools 설치

설치한 뒤 Android license status unknown. 오류를 해결해보자.

주로 안드로이드 스튜디오를 처음 다운로드 받았을 때 종종 일어나는 문제이다. 일단 아래 나온대로 flutter doctor --android-licenses를 입력해보자.

입력하게 되면 콘솔에 안드로이드 라이센스가 뜬다. 모두 y를 입력해주고 넘어가면 해결된다.

이 문장을 만났다면 해결이다!

(2) [X] Visual Studio - develop for Windows

이 문제는 Visual Studio, Desktop development with C++를 다운받으면 해결할 수 있는 것 처럼 보인다.

아래 링크를 통해 바로 다운받도록 하자.

https://visualstudio.microsoft.com/ko/downloads/

 

Visual Studio Tools 다운로드 - Windows, Mac, Linux용 무료 설치

Visual Studio IDE 또는 VS Code를 무료로 다운로드하세요. Windows 또는 Mac에서 Visual Studio Professional 또는 Enterprise Edition을 사용해 보세요.

visualstudio.microsoft.com

아래 링크에 접속했을 때 다운로드된 Visual Studio Installer에서 'C++를 사용한 데스크톱 개발' , 영문으로는 'Desktop development with C++' 체크박스를 체크하고 다운받아준다.

Desktop development with C++ 설치

설치가 완료된 후, 다시 flutter doctor 명령어를 실행하면

No issues found!

모든 오류를 처리해낸 것을 확인할 수 있다!

이상으로 이번 글에서는 플러터 설치 후 세팅하는 것까지 다뤄봤다.

다들 여기까지 함께하느라 정말 고생하셨습니다!!!!!!!!!!!!!!!!

Comments