[2] Flutter 헬로월드 찍어보기

 

※ Android Studio 설치 or 기기 디버깅 설정등은 여기서 다루지 않음.

 

• Android Studio 이용
  • File > New Flutter Project 선택
  • Flutter Application 선택 & 구성
    
    • Project name : flutter_app (기본값 그대로 두자)
    • Flutter SDK path : D:\Flutter\sdk\flutter_windows_v1.5.4-hotfix.2-stable\flutter (기설치된 경로 넣자)
    • Project location : D:\Workspace\.... (원하는 경로에)
    • Description : A new Flutter application. (그대로 두자)
  • Set the package name : example.com
    > 그대로인채로 Finish
  • Target Selector : 기기 or 에뮬레이터 선택
  • Config Selector : main.dart 선택 (그대로)
  • Run 클릭 > 기기 "Flutter Demo Home Page" 화면 확인
  • main.dart 소스 편집 : "You have pushed .. " 를 "You have clicked ..."로 변경 후 'How reload(번개)' 버튼 클릭
  • 기기 화면에서 pushed가 clicked로 변경되었음을 확인
    MaterialApp
    MyHomePage extends StatefulWidget
    Scaffold
    등의 tiltle, text 필드에 문자값을 넣어보고 hot reload로 내용을 확인해보자
  • iOS 기기 or 에뮬레이터는 ... 음.. mac환경에서 해보고 판단해보자
• Visual Studio Code 이용
  // 필요시 or 관심가면 업데이트 ...
• Terminal & editor 이용 (shell 환경 / flutter 명령 이용)
  // 필요시 or 관심가면 업데이트 ...

 

 

 

 

 

[참고]

https://flutter.dev/docs/get-started/test-drive?tab=androidstudio