98yejin/flutterForBeginners.md

## flutterForBeginners.md

      
    Raw
  

              flutterForBeginners.md
            
          
    참고

노마드 코드의 무료 강의 Dart 시작하기를 들으면서 정리한 요약본입니다.
링크에서 강의를 들을 수 있으며, 저작권 상 문제가 있다면 o0o2211915@gmail.com 으로 알려주시면 조치하겠습니다.
Dart

Why Dart?


UI 에 최적화된 언어
빠름
두가지 컴파일러

Dart Native ( 여러 cpu 의 아키텍처에 맞게 변환 = iOs, Android, Windows, Linux, Mac … )

거의 모든 곳에서 동작하도록 컴파일 가능
just in time(JIT, 코드의 결과를 바로 화면으로 볼 수 있음. 가상 머신에서 동작하는 거여서 조금 느릴 수 있음. ) > 개발 도중에만 쓰임

빠른 피드백이 가능함


ahead of time (AOT, 컴파일 먼저 > 그 결과인 바이너리 배포 ) > 배포할 때 쓰임

하지만 최종 결과물은 컴파일이 되서 빠름


Dart Web ( dart > javascript)


null safety

대부분의 프로그래밍 언어에서 null 참조하면 crash 나지만… dart 에서는 걱정하지 않아도 됨


How To Learn?

link:  dartpad.dev
Variables

Var keyword

void main() {
  var hello = '안녕';
  // name = 1; - 업데이트 할 때에는 기존 type 과 일치해야 함
  String world = '세상';
}

관습적으로 함수나 메소드 내부에 로컬 변수를 선언할 때에는 var 사용
class에 변수 또는 property 의 경우 타입 지정
어떤 경우든 변수는 업데이트 가능함

dynamic type

var name; // dynamic type
name = 'nini';
name = 17;
name = true;

dynamic name;
if (name is String) { // name is string }
if (name is int) { // name is int }
// name is dynamic

여러가지 타입을 가질 수 있는 변수에 쓰는 키워드
사용하는게 권장되지는 않지만 유용함
따라서 꼭 필요할 때만 써야함
dynamic 변수로 작업하고 있다면 타입을 먼저 확인해야 함

nullable variables


개발자가 null 값을 참조할 수 없도록 함

null 을 참고하면 런타임 에러가 발생하게 됨


// without null safety
bool isEmpty(String string) => string.length == 0;
main() { isEmpty(null); } // 사용자 기기에서 에러 발생 = 컴파일러가 잡지 못함 

어떤 데이터 또는 변수가 null 이 될 수 있는지 명시하는 것이 nullable variable
기본적으로는 모든 변수가 non-null

String nico = 'nico';
nico = null; // not possible 

String? nico = 'nico';
nico = null; // possible
if (nico != null) { // nullable variable 일 경우 null 이 아닌지 확인해야 함 }
nico?.isNotEmpty; // 단축문법도 사용 가능
final variables

// 나중에 수정 가능한 변수가 만들어짐 
var name;
String name; 

// 추후 수정할 수 없게 만드려면 ( js, ts 의 const ) 
final name = 'x';
final String name = 'y'; // type 지정도 가능
late variables

late final x;
// do something, go to api

print(x); // 할당 전에는 접근 불가 에러 발생 

x = 'x';

print(x); // 할당 되어 접근 가능

late var y;
초기 데이터 없이 변수를 만들 수 있게 해줌
또한 final 에 쓰는 경우 최초 한번만 할당 할 수 있음
data fetching 을 할 때 유용함
constant variables

const api = 1233333; // (o) 바뀌지 않고 컴파일 될 때 이 값을 알 고 있어야 함.

const api = fetchApi(); // (x) compile time constant 가 아님. api 에서 가져와야 하는 거여서 const 가 아닌 final 이 맞음. 앱스토어에 앱을 올리기 전에 알고 있는 값이어야 함.

const max_allowed_price = 120; // compile time 에 평가되게 됨. = 앱에 담긴 코드를 앱스토어로 보내기 전에 평가 됨

js/ts 의 const 의 다름 ( 이건 오히려 final 과 비슷함 )
dart 의 const 는 compile time constant 를 만들어줌
final 과 똑같이 수정이 안됨. 즉 상수임.
하지만 더 중요한건 compile-time 에는 알고 있는 값이어야 함.

Data Types

basic data types

// 타입도 Object로 이루어져 있음
String a;
bool b;
int c;
double d;
num e; // integer or double. parent of integer and double.
lists

var numbers = [];
List<int> numbers = [1, 2,];

// supports collection if/for

var giveMeFive = ture;
var numbers = [
	if (giveMeFive) 5, // collection if
	
]
string interpolation

var name = 'yeye';
// variable already exists $aa
// not exists like operation ${bb + 32}

var age = 10;
var greeting = "hello, my name is $name, and I'm ${age +3}";

use quote or double quote
use variable after $

collection for

var oldFriends = ['a', 'b'];
var newFriends = [
	'c',
	'd',
	for (var friend in oldFriends) "love $friend"
]
maps

var player = { // Map<String, Object> player
	'name': 'me",
	'level': 99,
	'power': true,
}

Map<int, bool> player = {};
Map<LIst<int>, bool> player = {};

Dart 에서는 모든 것이 Object ( Typescript 의 any 라고 보면 됨 )

sets


elements in the set are unique
dart set - js set, python set
dart list - js array, python list

Functions

defining a function

void say(String name){
	print("Hello $name nice to meet you!");
}

String say(String name){
	return "Hello $name nice to meet you!";
}

// arrow syntax
String say(String name) => "Hello $name nice to meet you!";
named parameters

// null safety - use default value or required
String say({String name = '', int age = 99, required String country}){ 
	return "Hello $name, your age is $age, and you come from $country";
}

say(name:'name', age:19, country:'south korea');

positional parameter vs named parameter

optional positional parameters

String say(String name, int age, [String? country = 'south korea']) => 'Hello $name, you are $age, and from $country';

say('yeye', 12);

[type? variableName = defaultValue]

QQ(Question Question) operator


?? : left ?? right > left 가 null 이면 return right
??=

String captalize(String? name) => name?.toUpperCase() ?? 'null';
capitalize(null);

String? name;
name ??= 'nico';
typedef

List<int> reverseListOfNumbers(List<int> list) {
	var reversed = list.reversed; // iterable
	return reversed.toList();
}

// =>

typedef ListOfIntegers = List<int>;
ListOfIntegers reverseListOfNumbers(ListOfIntegers list) {
	var reversed = list.reversed; // iterable
	return reversed.toList();
}

alias of something tiny

Classes

first dart class

class Player {
  String name = 'hehe';
  int xp = 1500;

  void say() {
    print('hi i am $name'); // variable 이름이 중복되지 않는 이상 this 를 쓸 필요 없음.
  }
}

void main() {
  var player = Player(); // new Player () not required
  print(player.name);
  print(player.name);
  player.say();
}
constructors

class Player {
	// version 1 
  late String name;
  late int xp;

  Player(String name, int xp) {
    this.name = name;
    this.xp = xp;
  }

	// version 2 : 깔끔하고 중복 코드가 없음 
	String name;
  int xp;
  Player(this.name, this.xp);

  void say() {
    print('hi i am $name'); // variable 이름이 중복되지 않는 이상 this 를 쓸 필요 없음.
  }
}

void main() {
  var player = Player('hehe', 999); // new Player () not required
  print(player.name);
  player.say();
}

named constructor parameters

class Player {
  String name;
  int xp;
  String team;
  int age;

  Player(
      {required this.name, required this.xp, required this.team, this.age = 3});

  void say() {
    print('hi i am $name');
  }
}

void main() {
  var player = Player(name: 'hehe', xp: 999, team: 'blue', age: 1);
  print(player.name);
  player.say();
}
named constructors

class Player {
  String name, team;
  int xp, age;

  // constructor ( 생성자 )
  Player(
      {required this.name,
      required this.xp,
      required this.team,
      required this.age});

  // named constructor
  Player.test1(
      {required this.name,
      required this.xp,
      this.team = 'hello',
      this.age = 4});

  // use : initiallize Player here
  Player.test2({required name})
      : this.name = name,
        this.xp = 3,
        this.team = 'team',
        this.age = 5;

  void say() {
    print('hi i am $name');
  }
}

void main() {
  var player = Player(
    name: 'hehe',
    xp: 999,
    team: 'blue',
    age: 1,
  );
  print(player.name);

  var newPlayer = Player.test1(name: 'name', xp: 5);
  print(newPlayer.name);
}
cascade notation

void main() {
  var player = Player(
    name: 'hehe',
    xp: 999,
    team: 'blue',
    age: 1,
  )
    ..name = 'las'
    ..xp = 1
    ..team = 'aa'
    ..age = 3;
}
enums

enum Team { read, blue }
//
Team team;

// ...
..team = Team.blue;
abstract classes

// 일종의 청사진
abstract class Human {
  void walk();
}

class Player extends Human {
  @override
  void walk() {
    // TODO: implement walk
  }
}

void main() {}
inheritance

class Human {
  final String name;
  Human(this.name);

  void say() {
    print('hi $name');
  }
}

enum Team { red, blue }

class Player extends Human {
  final Team team;

	// super enable child can communicate with parents
  // Player(super.name, this.team);
  Player({required this.team, required String name}) : super(name);
}

void main() {
  var player = Player(team: Team.blue, name: 'name');
}
mixins


생성자가 없는 클래스
클래스에 프로퍼티를 추가하거나 할 때 사용함

class Strong {
  final double strength = 1500.99;
}

class QuickRunner {
  void runQuick() {
    print('run run run!');
  }
}

class Player with Strong, QuickRunner {
  final String team;
  Player(this.team);
}

void main() {
  var player = Player('team');
  player.runQuick();
  print(player.strength);
}