틀:플러터
Dart:개요
플러터에 대한 지식 분류
- 플러터:개요
- 플러터:VSCode
- 플러터:안드로이드 스튜디오
- 플러터:실행
- 플러터:개념 잡기
- 플러터:화면 하나 만들기
- 플러터:변하는 화면(StatefulWidget)
- 플러터:화면 전환(화면 쌓기, 하단 네비게이션 바)
- 플러터:화면 전환(Drawer)
- 플러터:입력 관련
- 플러터:버튼
- 플러터:키보드 입력
- 플러터:슬라이더
- 플러터:그래프 그리기(fl chart)
- 플러터:데이터 저장(간단한 데이터)
- 플러터:인증(Firebase 인증)(미완)
- 플러터:인증(OAuth2)(미완)
- 권한 사용
- 플러터:마이크 입력
- 위젯
- 플러터:아이콘
- 플러터:레이아웃 계열 위젯
- 플러터:네비게이션 계열 위젯
- 플러터:버튼
- 플러터:상태관리(미완)
- 플러터:DB연결
- 플러터:Firebase(미완)
- 플러터:MySQL(미완)
- 디자인
- 플러터:테마
- 플러터:앱바
- 플러터:배포
- 플러터:참고자료
- 플러터:위젯
- 플러터:공간배치용 위젯
- 플러터:라이브러리
- 플러터:logger
개요
만들어진 앱이 제대로 실행되는지 파악하기 위하여.
| 과정
|
설명
|
비고
|
| 개발환경 준비
|
안드로이드, ios 등 해당 개발환경에 대해 배포하기 위한 사전작업이 되어 있는지 확인.
각 개발환경에 대한 준비 여부를 진단한다.
|
flutter doctor
|
| 확인(선택사항)
|
- 프로그램을 실행할 수 있는 디바이스를 확인할 수 있다.(위에 포함되는 과정)
- USB로 연결하든, 가상기기로 연결하든 연결된 디바이스 확인.
|
flutter devices
|
| 실행
|
window, 연결된 장 등 해당 환경에서의 앱을 실행해본다.
|
flutter run -d 디바이스명
vscode의 경우, 우측 하단에서 디바이스를 설정하고(에뮬레이터를 켜고) flutter run 만으로 가능.
|
실제 기기를 활용한 실행
안드로이드
실제 휴대폰이 에뮬레이터보다 빠르고 안정적임.
| 과정
|
설명
|
비고
|
| 디버깅 모드 활성화
|
핸드폰 설정
- 개발자 옵션 활성화:
- 설정 → 휴대전화 정보 → 소프트웨어 정보
- 빌드 번호를 7번 연속 탭
- "개발자가 되었습니다!" 메시지 확인
- USB 디버깅 활성화:
- 설정 → 개발자 옵션
- USB 디버깅 켜기
- USB를 통한 설치 켜기 (있는 경우)
USB 케이블로 연결:
- 핸드폰을 컴퓨터에 USB로 연결
- 핸드폰 화면에 "USB 디버깅 허용" 팝업 → 허용 탭
- "이 컴퓨터에서 항상 허용" 체크
|
파일전송이 가능한 USB로 연결해야 함.
|
| 확인
|
flutter devices 실행하면 휴대폰의 모델명이 나타나야 함.
|
|
| 실행
|
flutter run에서 디바이스 선택.
|
VSCode라면 하단바에 선택 가능.
|
iOS