Flutter 개요
플러터는 iOS와 안드로이드 앱 두가지를 한번에 개발할 수 있는 크로스 플랫폼입니다.
Flutter 공식 홈페이지
VScode
Flutter 개발을 하기 위한 여러 툴중 한가지입니다.
다른 툴을 사용하고 있지 않다면, VScode를 사용하는것을 추천합니다.
Android Studio
Flutter로 안드로이드 앱을 배포하기 위해서 필요한 프로그램입니다.
또한, Flutter로 안드로이드 앱을 개발할 수 있습니다.
Xcode
Flutter로 iOS ㅇ애블 배포할 때 필요한 프로그램입니다.
또한, Flutter로 iOS 앱을 개발할 수 있습니다.
:: Xcode는 App Store에서 설치 할 수 있습니다.
Flutter SDK
Flutter로 개발하기 위해서 설치해야하는 Flutter SDK입니다.
플러터 설치하기
1. 위 링크로 들어가서 flutter_macos_....zip을 다운받습니다.
2. 원하는 위치에 파일의 압축을 풀어줍니다.
3. .bash or .zshrc등에 경로를 추가해줍니다.
$ export PATH="$PATH:`pwd`/flutter/bin":: pwd => Print Working Directory ( 현재 작업중인 디렉터리의 이름 )
즉, 경로를 입력해주면 됩니다.
4. 플러터닥터를 실행해줍니다.
$ flutter doctor
:: flutter doctor 실행시 문제 발생
이런 안드로이드 라이센스 경고창이 뜨게됩니다.
이를 해결하기 위해 flutter doctor --android-licenses를 실행시켜서 해결하려 하지만
이런식으로 sdkmanager를 찾을수 없고, cmline-tools가 설치되어 있는지를 확인하라고 알려줍니다.
:: 해결방법
1. 안드로이드 스튜디오를 실행시켜줍니다.
2. Configure -> SDK Manager를 선택합니다.
3. Android SDK -> SDK Tools -> Android SDK Command-line Tools, Android SDK Platform-Tools를 선택한 후 OK를 눌러주면 설치가 됩니다.
:: 가끔 버전 때문에도 에러가 뜨는 경우가 있습니다. 그럴때는 오른쪽 아래 Show Package Detail를 활성화 한 뒤에 Android SDK Build-Tools 32의 버전을 낮춰서 인스톨 시켜줍니다.
4. flutter doctor --android-licenses를 터미널에 다시 실행시켜 줍니다.
$ flutter doctor --android-licenses그럼 서명하는 내용이 나오는데 모두 y를 선택해줍니다.
5. flutter doctor를 다시한번 실행시켜 줍니다.
$ flutter doctor
그러면 이렇게 경고없이 flutter doctor가 실행이 완료됩니다.
플러터 실행 확인하기
플러터 생성하기
flutter create my-app앱 실행시키기
cd my-app
flutter run
flutter run을 하면 이렇게 앱이 실행됩니다.
이렇게 플러터로 개발하기 위한 준비과정이 끝났습니다. 이제 dart를 배우고 플러터로 앱을 개발합니다.
'Flutter > Flutter 시작하기' 카테고리의 다른 글
| [ Flutter ] 플러터 위젯에 대하여 ( 이론 ) (0) | 2023.09.21 |
|---|---|
| [ Flutter ] Flutter 설치하기 ( Feat. Window ) (1) | 2023.09.19 |