
Flutter의 Test에는 총 3가지의 테스트가 있음! Unit Test간단한 함수나 클래스와 같이 작은 단위를 테스트 Widget Test말 그대로 위젯을 테스트. 위젯의 UI가 예상대로 표시되고 있는지? 이벤트에는 적절하게 응답하는지 확인 가능 Intergration Test전체 앱의 흐름을 테스트할 수 있음. 모든 위젯과 서비스가 예상대로 작동하는지 확인하는 테스트. 앱의 성능을 측정할 수 있음 이 중에 가장 기초가 되는 Unit Test 하는 방법을 알아보겠음.Unit Test의 경우 Mockito이라는 패키지를 이용해서 통신과 관련된 함수들 또한 테스트 해볼 수 있음!진짜 통신을 하지 않아도 내가 만든 API 통신 함수가 성공이나 실패 시 내가 설계해놓은대로 결과를 return하는지 확인할 수..

1. Barrel가끔 코드를 쓰다보면, 너무 많은 파일이나 클래스를 import 해야되는 경우가 있다.그럴 경우, 화면의 상당 부분을 import 부분이 차지하게 되고, 일일이 import 하는 것은 번거롭기도 하다. 이럴 때 사용할 수 있는 플러터의 기능이 바로 Barrel이다. Barrel이란, import 하는 파일이 많을 때 하나의 파일에 모아서 관리하고 그 하나의 파일만 import해서 쓰는 형태를 말한다.이렇게 하면 하나의 파일만으로 많은 모듈을 다 가져가 쓸 수 있다! 방법은 간단하다.하나의 dart 파일을 만든 후, 다양한 import 구문들을 옮긴다.그리고 import를 export로 바꿔준다! 아래 같은 경우에는 5개의 Provider 파일을 전부 import 해서 사용해야 하는..

오늘도 강의를 통해 배운 내용을 정리해보고자 함!오늘 주제는 ProxyProviderProxyProvider란 다른 Providerd의 값에 의존하는 Provider라고 함.만약 A Provider에 의존해 B Provider의 값 바뀔 일이 있다면 그럴 때 써주면 됨! 생김새는 아래처럼 생겼음 생성자를 보면 create는 옵셔널 값이고, update는 required 값이라는 걸 알 수 있음.create는 R타입의 객체를 생성하는데, 위에서 말한 것처럼 이 놈은 남에게 의존하는 놈이기 때문에 굳이 create가 필요없어서 옵셔널 값이라고 함 반대로 update는 의존하는 값이 바뀔 때마다 호출되는 함수로, 저 함수 덕분에 다른 값에 의존하여 계속 값이 업데이트 될 수 있는 것!update 함수를 자세..
try-catch 구문은 Dart에서 런타임 동안 발생할 수 있는 오류를 처리하기 위한 방법예외가 발생할 수 있는 구문을 try로 감싸고, catch에서 해당 예외를 처리하게 됨try { //예외 발생 가능성 있는 구문} catch(exception, stackTrace) { //예외 처리}Throw예외를 던지거나 발생시킬 때는 throw라는 키워드를 쓰면 됨throw FormatException('Expected at least 1 section'); 아래처럼 단순히 임의의 객체(여기서는 String 타입)를 에러로 발생시킬 수 있음하지만 이렇게 임의의 객체들로 예외를 발생시키다보면, 관리가 어려워지고 가독성이 떨어지기 때문에 제대로 된 설계가 필요.throw 'Out of llamas!'; Cat..

오늘은 유데미의 provider 강의 중 들은 부분 중 addPostFrameCallback을 사용한 에러 해결 부분을 정리해보려고 한다!(흔히 사용하는 콜백 메서드이지만, 이렇게 케이스를 정리해서 알려주시니 딱 정리가 되지 뭐야 ʅ(´・ᴗ・` )ʃ) https://www.udemy.com/course/flutter-provider-essential-korean/0. 사전 준비너무 길어서 접어두겠음!더보기오늘의 실습을 위해서는 총 3개의 페이지와 하나의 클래스가 필요함- 하나는 맨날 쓰는 ChangeNotifier를 mixin한 Couner classimport 'package:flutter/material.dart';class Counter with ChangeNotifier { int numbe..

Form Widget유저의 입력을 받을 때, 그 유효성을 체크하도록 도와주는 위젯TextFormField, DropdownButtonFormField, CheckboxFormField 등 다양한 입력 필드 위젯들을 그룹화하여 담아주는 컨테이너 일단 사용법부터 알아보자. 사용법GlobalKey 타입의 키 만들기final GlobalKey _formKey = GlobalKey(); 2. Form 위젯과 그 child로 TextFormField, DropdownButtonFormField, CheckboxFormField 등 유효성 체크가 필요한 위젯들 넣기※ key 속성에 1번에 선언한 글로벌 키 넣기child: Form( key: _formKey, child: Column( mainAxisAli..

Flutter Interview Questions and AnswersIn this article, you’ll work through a series of Flutter and Dart job interview questions and answers.www.kodeco.com1. hot reload와 hot restart의 차이Hot Reload- UI를 거의 즉시에 업데이트- 앱을 실행한 상태에서도 코드 변경을 즉시 반영 (앱 상태 유지됨) Hot Restart- 앱 상태를 초기 조건으로 재설정 한 후 UI 업데이트 -> Hot Reload보다 시간이 더 소요됨- 앱을 재시작, 앱의 모든 상태를 초기화, 앱을 다시 빌드하고 새로운 인스턴스로 실행- 앱의 전반적인 구조가 변경됐거나 패키지 추가 또는 제..

Udemy에서 Provider 강의를 보며 정리한 내용!https://www.udemy.com/course/flutter-provider-essential-korean/?couponCode=24T6MT62024 Provider는 플러터에서 가장 기초되는 상태 관리 패키지임.그 중에 ChangeNotifierProvider에 대해서 알아보겠음 이를 위해서는 ChangeNotifier에 대해 알아야 하는데, ChangeNotifier는 상태 관리 객체이며, 상태 변경 시 notifyListners()를 호출하여 모든 리스너들에게 알림을 보냄 "야~ 내 상태 변해썽~~" -> 이를 반영할 필요가 있는 위젯들은 UI를 다시 그림 ChangeNotifierProvider는 ChangeNotifier 객체를 생성..
- Total
- Today
- Yesterday