플러터:실행

틀:플러터 Dart:개요 플러터에 대한 지식 분류

1. 플러터:개요
   1. 플러터:VSCode
   2. 플러터:안드로이드 스튜디오
2. 플러터:실행
3. 플러터:개념 잡기
   1. 플러터:화면 하나 만들기
   2. 플러터:변하는 화면(StatefulWidget)
   3. 플러터:화면 전환(화면 쌓기, 하단 네비게이션 바)
   4. 플러터:화면 전환(Drawer)
   5. 플러터:입력 관련
      1. 플러터:버튼
      2. 플러터:키보드 입력
      3. 플러터:슬라이더
   6. 플러터:그래프 그리기(fl chart)
   7. 플러터:데이터 저장(간단한 데이터)
   8. 플러터:인증(Firebase 인증)(미완)
   9. 플러터:인증(OAuth2)(미완)
4. 권한 사용
   1. 플러터:마이크 입력
5. 위젯
   1. 플러터:아이콘
   2. 플러터:레이아웃 계열 위젯
   3. 플러터:네비게이션 계열 위젯
   4. 플러터:버튼
   5. 플러터:상태관리(미완)
6. 플러터:DB연결
   1. 플러터:Firebase(미완)
   2. 플러터:MySQL(미완)
7. 디자인
   1. 플러터:테마
   2. 플러터:앱바
8. 플러터:배포
9. 플러터:참고자료
10. 플러터:위젯
    1. 플러터:공간배치용 위젯
11. 플러터:라이브러리
    1. 플러터: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라면 하단바에 선택 가능.

실행 이후 개발

핫 리로드

파일을 저장하면 실행 화면에 실시간으로 저장 내용이 반영된다.

애석하게도, 원드라이브 등 프로젝트가 특수한 디렉토리 안에 있으면 파일이 잠겨서 핫 리로드가 안된다.(옛날엔 한글 디렉토리에 있으면 실행조차 안되었는데, 어느 순간 해결되었다.)