본문 바로가기

반응형

Flutter

(14)
Dart 비동기 프로그래밍 Asynchronous Programming 출처 : 유튜브 코드팩토리 비동기 프로그래밍 Future, Await, Returning Future, Stream, Stream 기본기, Broadcast Stream, Stream값 변경하기, Stream 함수, Stream에서의 async 프로그래밍, Yield 동기는 하나의 스레드에서 하나의 로직을 실행하는동안 cpu 사용 불가 서버 요청을했을 때 cpu 사용불가 - cpu 낭비 비효율 비동기 => 서버요청을 했을 때 cpu 사용 가능하도록 ## Future - 미래에 받아올 값 Future name = Future.value('가나다'); // 미래에 받아올 스트링 값 Future number = Future.value(1); @ delayed는 두개의 파라미터 (지연할 기간 Duration, ..
Dart 함수형 프로그래밍 Functional Programming 출처 : 유튜브 코드팩토리 함수형 프로그래밍 형변환, 리스트, Map, Set,Where,Reduce,Fold,Cascading Operator, ## 형변환 - 함수형 프로그래밍의 기본 void main(){ List blackPink = ['로제','지수','리사','제니']; print(blackPink); print(blackPink.asMap()); // 리스트를 맵으로 변환 print(blackPInk.toSet()); // 리스트를 set으로 변환 @ Map 생성 Map blackPinkMap = blackPink.asMap(); @ Iterable- () 괄호 형태, 일종의 리스트, 키와 value는 Iterable 형태 print(blackPinkMap.keys) // Iterable 형..
Dart 객체 지향 프로그래밍 OOP 출처 : 코드팩토리 객체지향 프로그래밍 생성자, Getter and Setter, Private 속성, 상속 Inheritance, Override, static, Interface, Generic 클래스 - 기능을 모아둔 것 인스턴스 - 클래스로 만든 것, 무한히 생성 가능 ## 생성자 constructor @ 클래스 생성 void main(){ Idol blackPink = const Idol( '블랙핑크',['제니','지수','리사','로제']); // 클래스로 인스턴스 생성 , const로 선언할 수 있는 파라미터만 있는 경우에는 const 인스턴스 생성 가능 print(blackPink.name); blackPink.sayHello(); Idol bts = Idol('BTS',['진','정국']..
Dart 언어 기본기 출처 : 유튜브 코드팩토리, 1시간만에 끝내는 Dart 언어 기본기 Hello World, 변수 선언하기, 변수 타입, Nullable, Final vs Const, Operators, List, Map, Set, If문, Loops, Enum, 함수, Typedef ## hello print void main(){ print('Hello Code Factory'); } ## 변수 선언 - variable void main(){ var name(변수명) = 'studying';(변수값) print(name) @ 변수값 변경 name = '플러터 프로그래밍'; print(name) @ 코드는 순서대로 실행된다. var name = 'studying22'; @ 이미 있는 이름의 변수를 선언하는 것은 불가능하..
Pomodoro app 클론 코딩 POMODORO APP By Omar Sherif import 'package:flutter/material.dart'; import 'package:toonflix/Screens/home_screen.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData( backgroundColor: const Color(0xFFE7626C), textTheme: TextTheme( headline1:TextStyle( color: Color(0xFF232B55), ), ), cardC..
Stateful Widget Stateless Widget - build 메소드로 UI 출력 * Stateless Widget 에 alt enter 해서 Stateful Widget으로 바꿔주기 Stateful Widget - 위젯에 데이터를 저장하고 데이터의 변화감지 되면 새로고침해서 출력 1. 상태가 없는 위젯 그자체 2. 위젯의 상태에 데이터와 UI를 넣음 void main() { runApp(MyApp()); } class MyApp extends StatefulWidget { // 1. 위젯 그자체 @override State createState() => _MyAppState(); } class _MyAppState extends State { // 2. 데이터와 UI를 넣는 stateful Widget // 앱의 roo..
Flutter Stateless Widget으로 UI 구성 만들고자 하는 앱 화면 * 안드로이드 스튜디오 정보보기 단축키 커서를 둔 다음 Ctrl+Q * 프로젝트 빠른 수정 (전구 - padding, widget,...으로 씌울때 ) 단축키 Alt+ Enter * 코드 블록 선택 Ctrl+ W 두번 # Header 수직으로 쌓는 위젯 Column - 하나의 child가 아닌 children을 가짐 - MainAxisAlignment 수직방향정렬 - CrossAxisAlignment 수평방향정렬 수평으로 쌓는 위젯 Row - 하나의 child가 아닌 children을 가짐 - MainAxisAlignment 수평방향 정렬 --오른쪽 끝으로 옮길때 mainAxisAlignment: MainAxisAlignment.end - CrossAxisAlignment 수직방향..
Flutter main.dart structure 구조 # Widget - flutter에 있는 모든 것은 위젯, 위젯들을 합치는 방법으로 앱을 만든다. main 안에 있는 runApp은 위젯을 인자로 가진다. void main() { runApp(App()); } Widget은 class와 거의 동일하게 보면 된다. 클래스를 위젯으로 만들려면 세개의 core Widget 중에서 하나를 상속받으면 된다. statelessWidget, statefulwidget, class App extends StatelessWidget{ // 앱의 root임 두가지 옵션중 하나를 return해야함 1. material 앱(구글)2 cupertino(애플) @override Widget build(BuildContext context) { return MaterialApp(..

반응형