본문 바로가기
비전공자를 위한 Flutter/앱 개발 준비하기

Flutter window에 설치하는 법 / 윈도우 노트북, 컴퓨터에 설치하는 법

by 밍잔 2022. 4. 16.

윈도우 노트북, 컴퓨터를 이용하시는 여러분은 아래 링크를 눌러 플러터 설치를 시작해봅시다. 지금부터 순서대로 아래 3가지를 다운받을 겁니다. 안타깝게도 윈도우 컴퓨터는 아이폰 앱을 개발할 때 아이폰과 소통할 수 없어요. 그래서 여러분이 작성한 코드가 아이폰 앱에서 구동되는 모습을 볼 수 없죠. 아이폰 앱을 원활하게 개발하시려면 아이맥 또는 맥북 구매를 권해드립니다.

 

1. 통역사 플러터 (Flutter) 다운로드

2. 안드로이드폰 앱 개발을 위해 안드로이드 스튜디오 (Android Studio) 다운로드

3. 코딩을 위해 비쥬얼 스튜디오 코드 (Visual Studio Code) 다운로드


1. 통역사 플러터 (Flutter) 다운로드

 

Windows install

How to install on Windows.

docs.flutter.dev

 

설치를 위한 최소 요구 조건은 아래와 같습니다.

- 운영체제 : Windows 7 SP1 또는 그 상위 버전 64비트, x86-64 기반

- 여유공간 : 1.64 기가바이트

 

 

사이트에 접속하고 스크롤을 아래로 내리다 보면 flutter_windows_2.10.5-stable.zip이라는 버튼이 보이실 거예요. 2.10.5는 플러터의 버전을 의미하죠. 플러터가 업데이트가 될 때마다 저 숫자는 계속 바뀔 겁니다. 홈페이지 디자인이 변경되기 전까지는 저 파란색 버튼을 찾아서 누르시면 됩니다! 

 

 

다운로드 버튼을 누르면 크롬 좌측 하단에 플러터 zip파일 다운로드 중으로 표시됩니다. 다운로드가 완료되면 압축을 해제하세요. 압축해제가 완료되면 flutter라는 폴더가 생성된 걸 보실 수 있습니다.

 

 

여러분의 C드라이브를 열고 src라는 폴더를 하나 만든 뒤에 압축을 해제하고 얻은 flutter 파일을 src 폴더 안으로 옮겨주세요.

 

아래와 같은 화면이면 잘하신 겁니다.

 

 

 

여기까지 되셨다면 시작키와 R키를 동시에 눌러 실행창을 연 뒤 cmd를 입력하여 프롬프트를 실행합니다.

 

 

설치가 제대로 되었는지 확인하기 위해 아래 코드를 프롬프트 창에 복사 붙여넣기 하여 엔터를 눌러보죠.

where flutter dart

아직 여러분의 컴퓨터가 플러터를 인식하지 못하네요. 이 문제를 해결해봅시다. 제어판을 열고 검색창에 '환경 변수'를 입력하고 시스템 환경 변수 편집을 누르세요.

 

 

시스템 속성 창이 열리면 아래의 환경 변수 버튼을 누르세요.

 

 

환경 변수 창이 나오면 아래의 Path가 적힌 행을 클릭하고 편집 버튼을 누르세요.

 

 

환경 변수 편집 창이 나오면 새로 만들기 버튼을 눌러 아래의 코드를 복사 붙여넣기하고 확인을 누르세요.

C:\src\flutter\bin

 

여기까지 했다면 플러터 설치가 모두 끝났습니다. 명령 프롬프트 창을 닫았다가 다시 열고 아까 실행시켰던 아래의 코드를 복사 붙여넣기하고 엔터를 눌러보세요. 아까와 다른 결과를 보실 수 있습니다.

where flutter dart
설치 전 설치 후

 

이제 flutter를 제대로 인식하고 있습니다. 터미널 창에 아래 코드를 복사 붙여넣기 하고 엔터를 눌러보세요.

 flutter doctor

 

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://docs.flutter.dev/setup/#android-setup for detailed instructions.

이런 식으로 나온다면 성공적으로 설치가 된 겁니다!

 


 

여기까지 잘 따라오셨습니다. 이제 아래 링크를 눌러 안드로이드폰 앱 개발을 위해 Android Studio 다운로드 해봅시다.

 

 

안드로이드폰 앱 개발을 위해 Android Studio설치하기

 

mingzan.tistory.com

 

댓글