안녕하세요. 개발자를 꿈꾸는 워뤼천입니다.
블로그를 시작해야겠다는 생각만 하다가 드디어 생각해놓은 어플을 구현할 겸 시작하려고 합니다.
글 재밌게 봐주시고 초보이기 때문에 틀린 점을 댓글로 달아주신다면 정말 감사하겠습니다.
먼저 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
2. git clone을 통해 설치하는 방법
git clone https://github.com/flutter/flutter.git -b stable
저는 git이 좀 더 편한 것 같아서 git bash를 통해 다운로드하도록 하겠습니다.
그다음 환경 변수에 Flutter를 등록하도록 하겠습니다.
먼저 시스템 속성에 들어가서 환경 변수 버튼을 클릭하도록 하겠습니다.
Flutter가 잘 실행되었는지 확인해보기 위해 다음 명령어를 실행해줍니다.
flutter doctor
아.. Dart도 설치 안 하고 실행하려고 했네요.. 다시 Dart를 깔러 갑니다.......
https://dart.dev/get-dart#install
Dart를 까는 법도 두 가지가 있습니다.
- Chocolatey를 이용한 방법
- 설치 마법사를 이용하는 방법
저는 왠지 Chocolatey를 깔아 두면 유용하게 쓸 것 같아서 Chocolatey도 깔고 이를 이용해 Dart를 설치하겠습니다.
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
그럼 Dart도 설치됐으니, Flutter를 다시 실행해보러 가겠습니다.
git bash에서 다시 flutter doctor를 실행해보니 안되네요.....
아무래도 git bash 문제인 것 같아 다시 PowerShell에서 실행해보니 잘 됩니다.
Flutter doctor를 실행하면 위와 같은 이슈를 찾아줍니다. 아무튼 잘 설치된 것 같으니 내일은 VS Code에서 extension을 설치하고 간단한 예제를 실행해봐야겠습니다.
읽어주셔서 감사합니다.
'개발 > Flutter' 카테고리의 다른 글
Flutter GetX 패턴으로 프로젝트 구성해보기(1) - GetX란? (0) | 2021.06.07 |
---|---|
Flutter 기초(5) - 첫 번째 앱 작성하기 Part2 ( Navigator 와 route ) (0) | 2020.02.19 |
Flutter 기초(4) - 첫 번째 앱 작성하기( Stateful과 Stateless의 차이, 무한 ListView 생성 ) (0) | 2020.02.17 |
Flutter 기초(3) - flutter 데모 앱 (0) | 2020.02.13 |
Flutter 기초(2) - 의존성 문제 해결 (0) | 2020.02.13 |