• 다시한번 확인해보기
• 어떤상황에 사용되는지 찾아보기

void main() {
  Operation operation = add;

  int result = operation(10, 20, 30);

  print(result);

  operation = subtract;

  int result2 = operation(10, 20, 30);

  print(result2);

  // 보통 아래와 같이 사용한다.
  int result3 = calculate(30, 40, 50, add);

  print(result3);

  int result4 = calculate(40, 50, 60, subtract);

  print(result4);
}

// signature
// 시그니처에 부합된 형태의 함수를 갈아끼워서 사용가능.
typedef Operation = int Function(int x, int y, int z);

// 더하기
int add(int x, int y, int z) => x + y + z;

// 빼기
int subtract(int x, int y, int z) => x - y - z;

// 보통 아래와 같이 사용한다.
// 계산
int calculate(int x, int y, int z, Operation operation){
  return operation(x, y, z);
}

• positional parameter

void main() {
  addNumbers(10, 20, 40);

  addNumbers(20, 30, 40);

  addNumbers(30);

}

// 세개의 숫자 (x, y, z)를 더하고 짝수인지 홀수인지 알려주는 함수
// parameter / argument - 매개변수

// positional parameter - 순서가 중요한 파라미터
// optional parameter - 있어도 되고 없어도 되는 파라미터

// [] 대괄호를 파라미터에 넣어주면 옵션
// null이 들어갈 수도 있게 작성
// 그러나 null은 숫자연산이 불가능하므로 
// int? 파라미터를 넣는대신 초기값을 설정해주는 것으로 오류를 해결

void addNumbers(int x, [int y = 0, int z = 0]) {
// void addNumbers(int x, [int? y = 0, int? z = 0]) {  
  int sum = x + y + z;

  print('x : $x');
  print('y : $y');
  print('z : $z');

  if(sum % 2 == 0){
    print('짝수입니다.');
  } else {
    print('홀수입니다.');
  }
}

• named parameter
• 파라미터에 중괄호를 넣어준다

void main() {
  addNumbers(x: 10, y: 20, z: 40);

  addNumbers(x: 30, y: 40);

}

// named parameter - 이름이 있는 파라미터 (순서가 중요하지 않다.)

void addNumbers({
  required int x,
  required int y,
  int z = 0, // optional parameter 
  // 없어도 되는 파라미터. 대신 기본값을 넣어줌
}){
  int sum = x + y + z;

  print('x : $x');
  print('y : $y');
  print('z : $z');

  if(sum % 2 == 0){
    print('짝수입니다.');
  } else {
    print('홀수입니다.');
  }
}

return 타입

• void : 아무것도 반환하지 않는다. (생략가능)
• int 등 타입 : 해당 타입을 반환한다.

void main() {
  int result = addNumbers(x: 10, y: 20, z: 40);

  addNumbers(x: 30, y: 40);

  print('sum : $result');
}

int addNumbers({
  required int x,
  required int y,
  int z = 0,
}){
  int sum = x + y + z;

  print('x : $x');
  print('y : $y');
  print('z : $z');

  return sum;
}

화살표함수

void main() {
  int result = addNumbers(10, y: 20, z: 40);

  addNumbers(30, y: 40);

  print('sum : $result');
}

// 화살표함수 
// 바로다음에 오는 값이 반환값이다.
int addNumbers(int x,{
  required int y,
  int z = 0,
}) => x + y + z;

• 고정되어있는 몇 가지 변수를 하나의 타입으로 만들어서 사용

// enum
enum Status{
  approved, // 승인
  pending, // 대기
  rejected, //거절
}

// 타입이 몇가지밖에 없는지 알려주고
// 오타도 방지함
void main() {
  Status status = Status.approved;

  print(status);

  if(status == Status.approved){
    print('승인입니다.');
  } else if(status == Status.pending){
    print('대기입니다.');
  } else {
    print('거절입니다.');
  }
}

void main() {
// while loop

  int total = 0;

  while (total < 10) {
    total += 1;
  }

  print(total);

// do while 문
  total = 0;

  do {
    total += 1;
  } while (total < 10);

  print(total);

// break를 사용한 경우
  total = 0;

  while (total < 10) {
    total += 1;

    if (total == 5) {
      break;
    }
  }

  print(total);
}

출력결과

10
10
5

void main() {
// while loop

  int total = 0;

  while (total < 10) {
    total += 1;
  }

  print(total);

// do while 문
  total = 0;

  do {
    total += 1;
  } while (total < 10);

  print(total);

// break를 사용한 경우
  total = 0;

  while (total < 10) {
    total += 1;

    if (total == 5) {
      break;
    }
  }

  print(total);
}

출력결과

10
10
5

void main(){

  // for loop
  for(int i = 0; i < 10; i++){
    print(i);
  }

  int total = 0;

  List<int> numbers = [1,2,3,4,5,6];

  for(int i = 0; i < numbers.length; i++){
    total += numbers[i];
  }

  print(total);

}

출력결과

0
1
2
3
4
5
6
7
8
9
21

for-in loop

• 요소가 직접 number에 담김 (not index)

total = 0;

  for(int number in numbers){
    print(number);
    total += number;
  }

  print(total);

출력결과

1
2
3
4
5
6
21

brack 사용

  total = 0;

  for (int i = 0; i < 10; i++) {
    total += 1;
    if (total == 5) {
      break;
    }
  }

  print(total);

출력결과

5

continue 사용

void main() {

  for(int i = 0; i < 10; i++){
    if(i == 5){
      continue;
    }
    print(i);
  }
}

출력결과

• break를 꼭 넣어줘야 한다.

void main(){

  //switch 문

  int number = 3;

  switch(number % 3){
    case 0:
      print('나머지가 0입니다.');
      break;

    case 1:
      print('나머지가 1입니다.');
      break;

    default:
      print('나머지가 2입니다.');
      break;
  }

}

void main(){

  // if 문

  int number = 3;

  // number가 짝수면
  if(number % 2 == 0){
     print('값이 짝수입니다.');
  } else {
    print('값이 홀수입니다.');
  }

  // 조건 연동
  if(number % 3 == 0){
    print('나머지가 0입니다.');
  }else if(number % 3 == 1){
    print('나머지가 1입니다.');
  }else {
    print('나머지가 2입니다.');
  }
}

출력결과

값이 홀수입니다.
나머지가 0입니다.

• 중복이 없다.

void main(){

  // Set
  // 중복값이 들어갈 수 없다.
  final Set<String> names = {
    'Kodeongee',
    'Flutter',
    'Black Pink',
    'Flutter'
  };

  print(names);

  // 추가
  names.add('Jenny');

  print(names);

  // 삭제
  names.remove('Jenny');

  print(names);

  // 요소를 포함하고 있는지 검색
  print(names.contains('Flutter'));

}

실행결과

{Kodeongee, Flutter, Black Pink}
{Kodeongee, Flutter, Black Pink, Jenny}
{Kodeongee, Flutter, Black Pink}
true

• key : value 의 자료구조

  void main(){
  // Map
  // Key : Value 의 자료구조
  // List와 마찬가지로 타입을 지정해줘야 한다.
  
  Map<String, String> dictionary = {
    'Harry Potter' : '해리포터',
    'Ron Weasley' : '론 위즐리',
    'Hermione Granger' : '헤르미온느 그레인저',
  };
  
  print(dictionary);
  
  Map<String, bool> isHarryPotter = {
    'Harry Potter' : true,
    'Ron Weasley' : true,
    'Ironman' : false,
  };
  
  print(isHarryPotter);
  
  

// Map의 key값으로 value 가져오기 print(isHarryPotter['Ironman']); }

## Map에 값 추가, 수정하기

- addAll() 사용
- 직접 넣기

```dart
// Map에 key:value 추가하기 1 - addAll 함수 사용
  isHarryPotter.addAll({
    'Spiderman' : false,
  });

  print(isHarryPotter);


  // Map에 key:value 추가하기 2 - 직접 key, value 작성
  isHarryPotter['Hulk'] = false;

  print(isHarryPotter);

  // 기존에 있던 key값을 통해 value를 수정할 수 있다.
  isHarryPotter['Spideman'] = true;

  print(isHarryPotter);

Map에 값 삭제하기

 Map<String, bool> isHarryPotter = {
    'Harry Potter' : true,
    'Ron Weasley' : true,
    'Ironman' : false,
  };


  print(isHarryPotter);

  // Map의 key-value 쌍 삭제하기
  isHarryPotter.remove('Harry Potter');

  print(isHarryPotter);

Map 의 key와 value값들 가져오기

  // key, value 값들 가져오기
  print(isHarryPotter.keys);
  print(isHarryPotter.values);

배열 구조를 List라고 한다.

void main(){
  // List
  // 리스트

  // 타입을 지정해줘야한다.
  List<String> blackPink = ['제니', '지수', '로제', '리사'];
  List<int> numbers = [1, 2, 3, 4, 5, 6];


  print(blackPink);
  print(numbers);

  // index
  // 순서
  // 0 부터 시작
  // List옆에 대괄호를 열고 순서를 적어준다.
  print(blackPink[1]);
  print(blackPink[0]);

  // List 길이 확인
  print(blackPink.length);

  // List에 값 추가
  blackPink.add('코덩이');

  print(blackPink);

  // List에 값 제거
  blackPink.remove('코덩이');

  print(blackPink);

  // 값의 index 구하기
  print(blackPink.indexOf('로제'));

}

void main(){
  // && - and 조건
  bool result = 12 > 10 && 1 > 0;

  print(result);

  bool result2 = 12 > 10 && 0 > 1;

  print(result2);

  // || - or 조건
  bool result3 = 12 > 10 || 1 > 0;

  print(result3);

  bool result4 = 12 > 10 || 0 > 1;

  print(result4);

  bool result5 = 12 < 10 || 0 > 1;

  print(result5);


}

출력결과

true false true true false

void main(){
  int number1 = 1;

  print(number1 is int);
  print(number1 is String);

  print(number1 is! int);
  print(number1 is! String);
}

출력 결과

true false false true

void main(){
  int number1 = 1;
  int number2 = 2;

  print(number1 > number2);
  print(number1 < number2);
  print(number1 >= number2);
  print(number1 <= number2);
  print(number1 == number2);
  print(number1 != number2);
}

출력결과

false ture false true false true

변수가 null인 경우 오른쪽 값을 대입해라.

void main(){
  // null

  double? number = 4.0;

  print(number);

  number = 2.0;

  print(number);

  number = null;

  print(number);

  // number가 null일 때 오른쪽 값으로 바꿔라
  number ??= 3.0;

  print(number);
}

결과

4.0 2.0 null 3.0

void main(){
  int number = 2;

  print(number);
  print(number + 2);
  print(number - 2);
  print(number * 2);
  print(number / 2);

  print('----------------');
  print(number % 2);
  print(number % 3);

  print(number);
  print('----------------');

  number ++;

  print(number);

  number --;

  print(number);
}

재저장

void main(){
  double number = 4.0;

  print(number);

  number += 1;

  print(number);

  number -= 1;

  print(number);

  number *= 2;

  print(number);

  number /= 2;

  print(number);
}

• final과 const 모두 한번 변수에 선언한 값을 재변경할 수 없음
• 둘다 타입생략 가능

void main(){
  final String name = '코덩이';

  print(name);

  const String name2 = '블랙핑크';

  print(name2);

  // final과 const 모두 한번 선언한 값을 변경할 수 없음
//   name = '블랙핑크';
//   name2 = '코덩이';

  // final과 const는 var기능을 해준다.
  // 타입을 생략해도 된다.
  final name3 = '코덩이';
  const name4 = '블랙핑크';
}

DateTime

• 현재시간을 변수에 저장할 수 있게 해준다.

  DateTime now1 = DateTime.now();
  print(now1);
  DateTime now2 = DateTime.now();

  // 코드가 실행될 순간의 시간을 알려준다.
  // now1와 now2는 엄밀히 말하면 다른 시간이다.
  // 너무빨리 실행되어서 같은 시간이 나오지만 
  // 둘의 실행시간엔 차이가 있다.

final과 const의 차이점

• const는 빌드타임에 값을 알고 있어야 한다.
• = 코드를 작성하는 순간에 값을 알고 있어야 한다.

  // final은 빌드타임에 값을 알고 있지 않아도 된다.
  final DateTime now3 = DateTime.now();

  // const는 빌드타임에 값을 알고 있어야 한다.
  // 코드를 작성하는 순간에 값을 알고 있어야 한다. 
//   const DateTime now2 = DateTime.now();

void main(){
  // null - 아무런 값도 있지 않다.

  // non-nullable - null이 될 수 없다.  
  String name = '코덩이';

  print(name);

//   name = null;


  // nullable - null이 될 수 있다.
  // 타입 뒤에 물음표를 작성한다.
  String? name2 = '블랙핑크';

  name2 = null;

  print(name2);

  // name2는 절대 null이 아니다
  // 변수 뒤에 느낌표를 작성한다.
  print(name2!);

}

void main() {

  // 변수
  // variable

  // 자동으로 오른쪽 값을 유추한다.
  // var라는 타입은 없다.

  // Map<String, Map<int, List<double>>> 과 같아 복잡한 타입이 아닌 경우엔 
  // var사용은 지양하자.
  var name1 = '코덩이';
  var name2 = '레드벨벳';

  name1 = '레드벨벳';
  print(name1);

  // 변수의 값이 실행이 되는 순간에 어떤 값인지 알려줌
  print(name1.runtimeType);

int

  // 정수
  // integer
  int number1 = 2;
  int number2 = 4;

  print(number1 + number2);
  print(number1 - number2);
  print(number1 / number2);
  print(number1 * number2);

double

  // 실수
  // double
  double number3 = 2.5;
  double number4 = 0.5;

bool

  // 맞다 / 틀리다
  // Boolean
  bool isTrue = true;
  bool isFalse = false;

  print(isTrue);
  print(isFalse);

String

  // 글자
  // String
  String name3 = '코덩이';
  String name4 = '레드벨벳';

  print(name3);
  print(name4);

  // String은 덧셈 가능
  print(name3 + name4);
  // 변수 하나만 있을 땐 괄호 없어도 됨
  // 함수를 사용할 경우 괄호 필수
  print('$name3는 천재');
  print('${name4.runtimeType}도 천재');

dynamic

 //dynamic
  dynamic name5 = '코덩이';
  dynamic number5 = 1;
  print(name5);
  print(number5);

  // var와 dynamic 의 공통점
  // 자동으로 오른쪽 값의 속성을 유추.
  // runtimeType도 같다
  var name6 = '블랙핑크';
  print(name6.runtimeType);
  print(name5.runtimeType);

  // var와 dynamic 의 차이점
  // var는 다른 타입으로 바꿀 수 없다.
//   name6 = 2;
  // dynamic은 다른 타입으로 바꿀 수 있다.
  name5 = 5;
}

7월 4일부터 시작해서 2주 정도 걸려 완성한 어플인 ‘전장가자’는 8월 11일 구글 스토어에 올라갔다. 고맙게도 현재까지 500명 이상의 유저들이 사용해주고 계신다.

Flutter의 F도 몰랐을 때 쉽게 생각하고 3일을 목표로 잡아 시작한 프로젝트는 예상 계획의 4배가 걸렸다. 제대로된 공부를 하고 만든 게 아니라서 저 작은 어플 안에 아주 엉망진창인 코드가 가득했다! 새로운 기능이 필요하다는 사용자들의 요구도 존재했지만 취업이 급한 나머지 몇달동안 방치해뒀다. (…)

몇군데 넣었던 백엔드 면접을 다 떨어지고 나서 한동안 멘탈관리에 힘썼었다. 그러다 최근 가장 즐겁게 했던 일이 뭔가 생각해보니 이 어플을 만들 때였었다. 제주도에 놀러가서까지 코드생각에 노트북을 켰던 그 순간들이 떠올랐다.

다시 지금으로 돌아와서, 나는 플러터로 취직 하기로 마음먹었다. 새롭게 강의를 결제하고 언어부터 공부하는데 너무 즐거웠다. 아직 기초를 공부하고 있지만 이전보다 멋진 코드를 작성할 수 있을 것 같아서 내 첫 어플인 ‘전장가자’를 리뉴얼해보려고 한다.

• 목표기간 : 3주
• 목표
  • ios도 서비스
  • 광고 넣기
  • 디자인 변경
  • 네비게이션바 추가
  • 캘린더 기능 추가
  • 실시간 전장 매칭 정보 기능 추가

ios, 광고

가장 많은 요구가 ios도 가능하게 해달라는 거였다… 1년에 약 16만원을 지불해야해서 곤란했었는데 이번에 코딩커미션을 열어 어느정도 돈이 모이면 ios로도 배포해볼 생각이다. 혹시 부족할 경우를 대비해 광고도 넣어보기로 했다.

네비게이션바

네비게이션에 대한 공부도 해놓은 상태라 네비게이션바 추가는 문제 없을 것 같다. 캘린더 기능은 공부를 조금 더 해봐야할 것 같지만 CURD가 있는 게 아니니 어렵지는 않을 것 같다.

실시간 전장 매칭 정보

문제는 실시간 전장 매칭 정보 기능이다. 가벼운 backend가 필요할 것 같은데 firebase로 해결이 될 것 같기도 하다. 아직 flutter에 DB연동을 해본 적이 없어 걱정이지만 웹에서 프론트와 백 전부를 해보았으니 어떻게든 되지 않을까 생각하고 있다. 그래도 어느정도 공부를 겸해야해서 기간을 넉넉하게 3주로 잡았다.

중간 결과

• 목표 달성도
  • ios도 서비스 ❌
  • 광고 넣기 ❌
  • 디자인 변경 ⭕
  • 네비게이션바 추가 ⭕
  • 캘린더 기능 추가 ❌
  • 실시간 전장 매칭 정보 기능 추가 ⭕

캘린더 기능을 제외하고 앱 내적으로 업데이트를 완료했다. 새 버전도 구글 스토어에 업로드되어 사용자들에게 적용되어있는 상태다.

디자인

친구에게 아이콘을 부탁해 적용했더니 훨씬 직관적이고 알아보기 쉬워졌다.

네비게이션바

기존 햄버거버튼에서 네비게이션바로 바꾸니 사용자가 터치해야하는 횟수가 줄고 앱 전체적인 시스템이 한번에 보여서 만족스럽다.

실시간 전장 매칭 정보

실시간 전장 매칭 정보는 Stream과 firebase를 이용하여 데이터베이스의 매칭 유저 수를 실시간으로 전달하였다.

하지만 매칭버튼을 누른 후 어플을 껐다 켰을 경우 또 다시 매칭이 되는 문제가 발생하였다. 각 사용자별로 한번씩만 누를 수 있게 하기 위해 로그인 기능이 떠올랐지만 이렇게 간단한 기능의 어플에서 불편한 로그인을 추가할 필요는 없다고 생각한다. 이건 앞으로 해결해야할 문제로 남겨두기로 했다.

또한 24시간마다 0으로 갱신되어야 하는 문제가 발생하였는데 데이터베이스 구조를 단순화하기위해 숫자 하나만을 데이터베이스에 저장하여 발생한 문제였다. 이는 데이터구조를 변경하여 날짜와 숫자를 모두 저장하여 날짜가 변경된 경우 초기화하는 코드를 작성하여 해결했다.