전체 글 (197) 썸네일형 리스트형 [TAVE/Study] Do it! Flutter 4장 플러터 위젯 사용법② 210920 월 덧셈 계산기 앱 만들기 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { static const String _title = 'Widget Example'; @override Widget build(BuildContext context) { return MaterialApp( title: _title, home: WidgetApp(), ); } } class WidgetApp extends StatefulWidget { @override _WidgetExampleState createState() => _WidgetExampleState(); .. [TAVE/Study] Do it! Flutter 4장 플러터 위젯 사용법① 210920 월 머티리얼 디자인 📌 앱의 디자인을 통일시키기 위한 플랫 디자인. 📌 앱의 용량을 줄이고 속도를 개선할 수 있다. 스캐폴드 이용하기 📌 스캐폴드 클래스: 각종 위젯을 머티리얼 디자인 레이아웃으로 설계하는 것을 돕는다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'material Flutter App', theme: ThemeData( primarySwatch: Colors.blue, ), home: Mater.. [TAVE/Study] Do it! Flutter 3장 플러터 내부 구조 살펴보기② 210919 일 오늘 usb 잭을 못 가져와서 에뮬레이터로 실습해보려고 했는데 어마무시하게 느린 속도에 놀라서 바로 꺼버렸다..ㅎㅎ 와우 스테이트풀 위젯의 생명주기 위젯의 상태를 생성하는 createState 함수 class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => new _MyHomePageState(); } 👉🏻 다른 생명주기 함수들이 포함된 State 클래스를 반환하므로 반드시 처음에 호출한다. ✍🏻 상태 변경 감시는 StatefulWidget 클래스 담당, 실제 갱신 등은 State 클래스가 담당한다. 위젯을 화면에 장착하면 mounted == true if (mounted) { setState.. [TAVE/8thStudy] Do it! Flutter 3장 플러터 내부 구조 살펴보기① 210919 일 플러터 앱의 위젯 스테이트리스(stateless): 상태를 연결할 필요가 없다. StatelessWidget 클래스를 상속 받아 만든다. 스테이트풀(statefull): 내용 갱신이 필요하다. 위젯이 특정 상태가 되면 알맞은 처리가 필요하다. StatefulWidget 클래스를 상속받는다. 데모 앱 수정 📌 Ctrl+\(핫 리로드 기능): 바뀐 코드가 적용된다. 📌 Ctrl+Alt+L: 코드가 자동으로 정렬된다. home: Container( color: Colors.white, child: Center( child: Text( 'hello\nFlutter', textAlign: TextAlign.center, style: TextStyle(color: Colors.blue, fontSi.. [TAVE/Study] Do it! Flutter 2장 다트를 알면 플러터가 보인다 210914 화 일단 지금은 새벽 1시고 이따 저녁 8시에 스터디! 있다! 아까 다 공부하려고 했는데! 실패했다! 그래도... 앞부분이면 쉽..지 않을까? 18장이던데... 다 끝내기 목표임👊🏻 다트의 특징 1. main() 함수로 시작 //함수 정의 printInteger(int aNumber) { print('The number is $aNumber.'); } //main() 함수에서 시작 main(){ var number = 42; //var는 자료형을 특정하지 않음 printInteger(number); } 2. 어디에서나 변수를 선언하거나 사용 가능 3. 모든 변수가 객체 4. 자료형이 엄격, dynamic타입은 여러 자료형 허용 구분 자료형 설명 숫자 int 정수형 double 실수형 num .. 이전 1 ··· 22 23 24 25 다음