개발/Flutter

Flutter 기초(1) - Flutter 설치 및 의존성 확인

T'Challa 2020. 2. 10. 23:46

안녕하세요. 개발자를 꿈꾸는 워뤼천입니다.

블로그를 시작해야겠다는 생각만 하다가 드디어 생각해놓은 어플을 구현할 겸 시작하려고 합니다.

 

글 재밌게 봐주시고 초보이기 때문에 틀린 점을 댓글로 달아주신다면 정말 감사하겠습니다.

 

먼저 Flutter를 시작하게 된 이유는 구상한 어플리케이션이 ios와 안드로이드 둘 다에서 사용 가능해야만 하기 때문입니다. 안드로이드 어플리케이션만 간단하게 만들어본 저로써는 부담이 있었고, Flutter와 React Native를 고민하게 됐습니다. 그중 Flutter를 찾게 된 이유는 Java Script도 제대로 써본 적이 없기에 React Native가 러닝커브가 클 것 같았습니다.

또한, Native에 대한 이해도가 더 많이 필요해 보였기에 Flutter로 만들게 됐습니다.

 

그럼 이제 설치부터 시작해보겠습니다. 먼저 Flutter SDK를 설치하겠습니다. 개발환경은 Windows 기준입니다.

 

Flutter SDK 설치에는 두 가지 방법이 있습니다.

 

1. SDK zip을 다운로드하여 설치하는 방법

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

 

Windows install

 

flutter.dev

 

2. git clone을 통해 설치하는 방법

git clone https://github.com/flutter/flutter.git -b stable

 

저는 git이 좀 더 편한 것 같아서 git bash를 통해 다운로드하도록 하겠습니다.

 

git bash로 clone 하는 모습

그다음 환경 변수에 Flutter를 등록하도록 하겠습니다.

먼저 시스템 속성에 들어가서 환경 변수 버튼을 클릭하도록 하겠습니다.

사용자 변수의 Path에 추가해줍니다.
환경 변수에 flutter를 다운 받은 경로를 추가해줍니다.

 

Flutter가 잘 실행되었는지 확인해보기 위해 다음 명령어를 실행해줍니다.

flutter doctor

아.. Dart도 설치 안 하고 실행하려고 했네요.. 다시 Dart를 깔러 갑니다.......

 

https://dart.dev/get-dart#install

 

Get the Dart SDK

Get the libraries and command-line tools that you need to develop Dart web, command-line, and server apps.

dart.dev

Dart를 까는 법도 두 가지가 있습니다.

 

  1. Chocolatey를 이용한 방법
  2. 설치 마법사를 이용하는 방법

저는 왠지 Chocolatey를 깔아 두면 유용하게 쓸 것 같아서 Chocolatey도 깔고 이를 이용해 Dart를 설치하겠습니다.

 

https://chocolatey.org/

 

Chocolatey - The package manager for Windows

Chocolatey is software management automation for Windows that wraps installers, executables, zips, and scripts into compiled packages. Chocolatey integrates w/SCCM, Puppet, Chef, etc. Chocolatey is trusted by businesses to manage software deployments.

chocolatey.org

Windows Powershell를 관리자 권한으로 실행한 후, 다음 명령어를 실행합니다.

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

그러면 자동으로 Chocolatey를 설치해줍니다.

 

이제 Dart를 설치해보겠습니다.

다시 git bash를 관리자 권한으로 실행하고 다음 명령어를 실행하도록 하겠습니다.

choco install dart-sdk

y를 눌러주세요.

그럼 Dart도 설치됐으니, Flutter를 다시 실행해보러 가겠습니다.

git bash에서 다시 flutter doctor를 실행해보니 안되네요.....

아무래도 git bash 문제인 것 같아 다시 PowerShell에서 실행해보니 잘 됩니다.

Flutter가 반겨주고 있습니다.

Flutter doctor를 실행하면 위와 같은 이슈를 찾아줍니다. 아무튼 잘 설치된 것 같으니 내일은 VS Code에서 extension을 설치하고 간단한 예제를 실행해봐야겠습니다.

 

읽어주셔서 감사합니다.