대부분의 완성도 있는 시중의 앱들은 화면을 로드할 때 loading indicator가 실행되어서 로드 되는 시간 동안 유저가 자연스럽게 로딩을 느낄 수 있도록 만들어주고 있습니다. 이같은 Loading Indicator들을 다양한 스타일로 사용할 수 있도록 만들어 놓은 패키지가 flutter_spinkit 패키지 입니다.
실제로, 공부를 하는 과정에서도, 파이어베이스를 사용할 때, 파이어베이스로 add, edit, delete, data load하는 과정에서 데이터베이스로 데이터가 들어갈 때의 속도 지연 때문에 앱 진행이 지연되는 경우가 많았는데, 그런 경우 flutter_spinkit를 활용해서 앱 중간 중간에 활용해준다면 매우 유용할 것 같네요!
먼저 import를 위해 국룰인 "pub add flutter_spinkit" 터미널에 입력해준다.
next를 클릭해주고, finsh를 눌러주면 프로젝트를 만들기 위해서 다운로드를 시작하는 걸 확인할 수 있다.
설치가 완료되었다. Finsh 버튼을 클릭한다.
다운로드가 완료된 것을 확인할 수 있다.
5. Flutter, Dart 플러그인 설치
해당 화면에서 Plugins를 선택해서 Flutter를 설치해준다.
그리고 다음과 같은 문구가 등장한다. 번역하면, 자동으로 Dart를 함께 설치하겠냐고 물어보는 문구이다! install을 눌러 함께 설치해주면 된다.
Restart IDE를 눌러 재시작을 하면, 이후 Flutter Plugins가 반영된 것을 확인할 수 있다.
6. Flutter Project 생성하기
New Flutter Project를 클릭한다.
Flutter를 클릭하고 Flutter Project 주소를 입력해준다.
C:\src 밑에 flutterwork 폴더를 만든다. 해당 폴더에서 실제 프로젝트를 구동하는 소스를 담아둘 것이다.
Flutter 프로젝트 생성을 위한 기본 설정을 한다.
Project name : flutter_app
Project location : C:\src\flutterwork\flutter_app
Description : A new Flutter project
Project type : Application
Organization : com.example
Android language : Kotlin, Swift
Platforms : Android, iOS
기다리고 있으면 프로젝트 생성이 완료된 것을 확인할 수 있다.
밑에 터미널을 열어서 Flutter가 잘 깔아졌는지 확인하는 명령어를 입력해서 확인해준다. 명령어 : flutter doctor
[flutter doctor 오류 수정] 명령어를 실행하면 아래와 같은 경고를 확인할 수 있을 것이다. 에러1) cmdline-tools component is missing
에러2) Android license status unknown.
이 경고는 toolchain이 연결되지 않았다는 오류 그리고, JDK가 없다는 경고이다. Flutter로 앱을 만들기 위해서는 필수로 JDK가 설치되어있어야한다. JDK는 Android Studio를 설치할 때 같이 설치되었다. 근데 셋팅이 제대로 되어있지 않아서 연결을 하지 못해 발생한 오류이다.JDK 환경변수 설정을 해야한다. 경로 : C:\Program Files\Android\Android Studio\jre\bin