목록Flutter (4)

woonizzooni

[4] Flutter inspector / Dart DevTools 살펴보기

Android Studio 환경으로 우선 진행... ※ [1]~[3]을 거쳐왔다고 가정 (실행 환경 차이로 인해 일부 내용의 차이가 있을 수 있음) Android Studio 실행 & 예제 실행하기 (ex. flutter_gallery) 화면 우측 Flutter Inspector 탭 선택 3개의 탭으로 위젯 구성을 살펴볼 수 있음. Widget Render Tree Performance : See Flutter Performance window 클릭하면 화면 하단에 window가 노출됨. 7개 기능 도구 버튼 Enable Select Widget Mode Refresh Widget Info Show Performance Overlay Toggle Platform Show Debug Paint Show P..
Flutter 2019. 6. 12. 23:50
[3] Flutter 예제 실행해보기

${SDK}/examples의 내용물을 내 workspace로 복사해오자. 구성은 다음과 같다. catalog flutter_gallery flutter_view hello_world Languages & Frameworks Dart : Enable Dart ... 체크 박스 체크 & Dart SDK Path 입력 (D:\Flutter\sdk\flutter_windows_v1.5.4-hotfix.2-stable\flutter) Flutter : Flutter SDK path 입력 (D:\Flutter\sdk\flutter_windows_v1.5.4-hotfix.2-stable\flutter) Apply & OK 이번엔 'Packages get' has not been run이란 메시지가 나오는데, Upg..
Flutter 2019. 6. 12. 22:36
[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 > 그대로인채로 ..
Flutter 2019. 6. 12. 22:02
[1] Flutter 설치 & Android Studio 플러그인 설치 (Windows환경)

Flutter SDK 설치 : Windows / MacOS / Linux 지원 https://flutter.dev/ https://flutter.dev/docs/get-started/install/windows SDK 설치 다운로드 : flutter_windows_v1.5.4-hotfix.2-stable.zip ※ git clone https://github.com/flutter/flutter.git 으로 해도 될 듯 적당한 곳에 압축 해제 : ex) D:\Flutter\sdk\flutter_windows_v1.5.4-hotfix.2-stable\flutter flutter_console.bat 파일이 콘솔 실행 파일임. Path 경로 설정 ${SDK}\bin을 Path경로에 추가 ex) D:\Flutt..
Flutter 2019. 6. 12. 21:20
Prev 1 Next