[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!대시보드

import 'package:code_factory/restaurant/model/restaurant_detail_model.dart';import 'package:dio/dio.dart' hide Headers;// import 'package:retrofit/http.dart';import 'package:retrofit/retrofit.dart';part 'restaurant_repository.g.dart';@RestApi()abstract class RestaurantRepository { factory RestaurantRepository(Dio dio, {String baseUrl}) = _RestaurantRepository; @GET('/{id}') @Headers({'accessToken' : 'true'}) Future<RestaurantDetailModel> getRestaurantDetail({ @Path() required String id, });}     // GENERATED CODE - DO NOT MODIFY BY HANDpart of 'restaurant_repository.dart';// **************************************************************************// RetrofitGenerator// **************************************************************************// ignore_for_file: unnecessary_brace_in_string_interps,no_leading_underscores_for_local_identifiersclass _RestaurantRepository implements RestaurantRepository { _RestaurantRepository( this._dio, { this.baseUrl, }); final Dio _dio; String? baseUrl; @override Future<RestaurantDetailModel> getRestaurantDetail( {required String id}) async { const _extra = <String, dynamic>{}; final queryParameters = <String, dynamic>{}; final _headers = <String, dynamic>{r'accessToken': 'true'}; _headers.removeWhere((k, v) => v == null); final Map<String, dynamic>? _data = null; final _result = await _dio.fetch<Map<String, dynamic>>( _setStreamType<RestaurantDetailModel>(Options( method: 'GET', headers: _headers, extra: _extra, ) .compose( _dio.options, '/${id}', queryParameters: queryParameters, data: _data, ) .copyWith( baseUrl: _combineBaseUrls( _dio.options.baseUrl, baseUrl, )))); final value = RestaurantDetailModel.fromJson(_result.data!); return value; } RequestOptions _setStreamType<T>(RequestOptions requestOptions) { if (T != dynamic && !(requestOptions.responseType == ResponseType.bytes || requestOptions.responseType == ResponseType.stream)) { if (T == String) { requestOptions.responseType = ResponseType.plain; } else { requestOptions.responseType = ResponseType.json; } } return requestOptions; } String _combineBaseUrls( String dioBaseUrl, String? baseUrl, ) { if (baseUrl == null || baseUrl.trim().isEmpty) { return dioBaseUrl; } final url = Uri.parse(baseUrl); if (url.isAbsolute) { return url.toString(); } return Uri.parse(dioBaseUrl).resolveUri(url).toString(); }}생성된 repository.g.dart 파일을 보시면final _headers = <String, dynamic>{r'accessToken': 'true'}; accessToken 앞에 계속 r 이 붙습니다.왜이럴까요..

다른분들께 비슷한 답변 주신것들 모두 읽었는데요.. 아무리 해도 이해가 안가서요... 강의에서요 border속성은 기본 속성이라고 하셨으니 focusedBorder, enabledBorder, disabledBorder, errorBorder, focusedErrorBorder 의 기본 속성이라고 생각합니다. 그럼 예제에 focusedBorder, 를 입력하기 전에는 border 속성을 가져야 하는 거 아닌가요?또한 enabledBorder도 입력하기 전에는 border 속성을 가져야 하는 거 아닌가요? 마치 border은 작동을 안하는 거 처럼 보여집니다. 그래서 기본 속성이라는 말이 이해가 안갑니다. 적용이 안되는 기본 속성이라는건 없으니까요 . 이해가 안가서 질문을 남깁니다...! ㅠㅠ 선생님...!

안녕하세요! 현재 설치한 go_router는 13.2.4 버전입니다.routerProvider에서 만들어주는 GoRotuer의 redirect에 authProvider에 있는 redirectLogic(GoRouterState state)함수는 파람은로 GoRouterState 를 받기로 되어 있지 않나요?그래서 저는 아래처럼 routerProvider에서 만들어주는 GoRotuer의 redirect에 redirectLogic(state)를 넘겨줘야 에러가 없던데 강의에서는 어떻게 그냥 되셨을까요...?아래는 강의 스크린샷입니다.궁금해서 여쭤봅니당

안녕하세요 강사님, 잘 수강 중에 질문이 있습니다. retrofit이 만들어내는 restaurant_repository.g.dart 에서 getRestaurantDetail 함수 리턴쪽에 보시면, final value = RestaurantDetailModel.fromJson(_result.data!);와 같이 되어 있는 것을 확인할 수 있습니다.근데 백단에서 보통 data만 던지지 않고 응답코드, 메시지 등 정형화된 포맷으로 줄 수 있다고 생각이 듭니다. 예를 들어, 아래와 같이,{ "code": 200, "message": "~", "result": { ~ } }온다면,혹시 _result.data!.['result'] 와 같이 생성이 될 수 있도록 커스터마이징 할 수 있을까요?

provider 사용에 관해 질문 드립니다. provider 를 같은 클래스로 여러 인스턴스를 만들어 사용할때위젯에서 어떻게 자신이 구독중이 provider 를 찾아서 값을 바꿀수 있는가에 대해 질문 드립니다.현재 아래와 같은 code 구성을 가지고 있습니다.import 'package:flutter/material.dart';import 'package:provider/provider.dart';void main() { runApp( MultiProvider( providers: [ Provider<GateWayProviderALL>( create: (_) => GateWayProviderALL('sensor1', 1000), ), Provider<GateWayProviderALL>( create: (_) => GateWayProviderALL('sensor2', 1000), ), ], child: MyApp(), ), );}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', home: MyHomePage(), ); }}class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Multi Sensor Display'), ), body: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Expanded( child: ImageCanvasConsumeGateWay('sensor1'), ), Expanded( child: ImageCanvasConsumeGateWay('sensor2'), ), ], ), ); }}class ImageCanvasConsumeGateWay extends StatelessWidget { final String sensorName; ImageCanvasConsumeGateWay(this.sensorName); @override Widget build(BuildContext context) { // Provider의 인스턴스를 참조하도록 수정합니다. final provider = Provider.of<GateWayProviderALL>(context); return Consumer<GateWayProviderALL>( builder: (context, imageProvider, child) { CameraImageDTO? imageDto = provider.PopCameraImageDTO(sensorName); if (imageDto != null) { return CustomPaint( painter: ImagePainter(imageDto.rowImage!), size: Size(320 / 2, 180 / 2), ); } else { return Center(child: CircularProgressIndicator()); } }, ); }}class ImagePainter extends CustomPainter { final ui.Image image; ImagePainter(this.image); @override void paint(Canvas canvas, Size size) { // 그리는 로직 구현 } @override bool shouldRepaint(covariant CustomPainter oldDelegate) => false;}  GateWayProviderALL 을 두번 생성해서 ImageCanvasConsumeGateWay 위젯에서 자신에게 맞는 provider 를 읽어와 값을 변경해주고 싶은데 찾아보니 provider 는 데이터 형으로 provider 을 찾아 오니클래스를 여러개 파라고 하는데 하나의 클래스에서 인스턴스를 여럿 만들어 처리할순 없나여?

안녕하세요. 코드팩토리님. 강의를 참고하여 한가지 기능을 만들어보고자 했습니다. 현재까지 데이터모델을 생성하고, 데이터모델 타입으로 된 리스트들을 저장하는 프로바이더를 생성하여 read로 리스트를 추가 및 삭제하며, watch를 통해 목록을 보도록 하였습니다.그런데 제가 추가하고자 하는 기능 중, consumerWidget과 같은 위젯을 사용하지 않고 때에 따라 함수를 부를 때에 함수 내부에서 프로바이더에 저장된 데이터목록을 불러와야 하는 상황이 되었고, 코드를 작성해보았는데 역시나 위젯이 아닌 함수에서 호출을 하려니 watch, read등 작동하지 않는 문제가 발생하였습니다. void scheduleAlarmFishs() async { //ref로 데이터 가져오기. final container = ProviderContainer(); final fishs = container.read(fishListProvider); // read 사용 print('Retrieved ${fishs.length}'); }혹시 이런식으로 함수를 통한 접근은 아예 불가능한 건가요?ㅠㅠ

회사 프로젝트에서 screen 하나에 여러 개의 notifier provider가 상위, 하위 위젯마다 따로 따로 포함되어 있습니다. 이런 구조가 괜찮은 건지 잘 모르겠어서 질문 드립니다....  

provide를 사용해도 watch해서 사요하면 화면이 바뀌는데Provider+stateful을 왜 사용하는지 모르겠습니다 ㅠㅠ(extends결합한 consumer…)

만약 deliveryFee에 대한 서버의 응답이 json['delivery']['fee'] 일 경우 deliveryFee 란 변수를 그대로 사용한다는 가정하에JsonSerializable에선 어떤 방법으로 처리해줘야하는걸까요? 

정확히 ‘127.0.0.1:3000’ const로 선언 해놨는데로그인 요청시마다 포트가 랜덤하게 바뀌며 61번 에러가 납니다디오 버전 똑같이 설정했습니다.

응답이 없네요메세지가 안나와요D/EGL_emulation( 5140): app_time_stats: avg=6131.28ms min=9.11ms max=12253.46ms count=2이건만 나오는데 안드로이드 사용해서 ip 문제인가 해서 final ip = Platform.isAndroid ? simulatorIp : emulatorIp; 이걸로 바꾸어 봐도 안되구요단, 메세지는 조금 달라졌습니다.D/EGL_emulation( 7555): app_time_stats: avg=13725.68ms min=13725.68ms max=13725.68ms count=1D/EGL_emulation( 7555): app_time_stats: avg=688.99ms min=273.39ms max=1104.59ms count=2E/flutter ( 7555): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: DioError [DioErrorType.other]: SocketException: Connection refused (OS Error: Connection refused, errno = 111), address = 127.0.0.1, port = 52818E/flutter ( 7555): Source stack:이하 생략...  해결 부탁드립니다.

이 강의를 보고 영감을 받아 작은 프로젝트를 진행중에 있는데 궁금한점이 있어서 올립니다.알람 기능을 개발하면서 android_manager_alarm_plus 패키지를 사용중인데 최근 안드로이드 버전은 Doze모드로 인해 백그라운드에서는 알람매니저가 제대로 활성화되지 않는다고 들었습니다.저 역시 만든 코드를 테스트하면 백그라운드 상황에서 알람 상태처리까지는 이루어지더라도 포그라운드 화면으로 넘어가는(쉽게 말해 홈화면이나 꺼진 화면에서 알람 화면이 떠야하는) 과정이 이루어지지 않아 다른 방법을 모색하고 있는 중입니다. 코팩님도 백그라운드에서 처리하는 앱개발이나 유지보수를 해보신 경험이 있으셨다면 안드로이드 버전이 올라갈수록 어떻게 진행하셨는지 궁금해서 여쭤봅니다.최근 구글링을 하다보니 FCM을 권장한다는 말이 있던데 이건 아무래도 서버통신이다보니 네트워크연결이 반드시 필요해보이는 것 같아 고려중에 있습니다

코드 클론 후 아래 코드에서style: ElevatedButton.styleFrom( primary: PRIMARY_COLOR,),아래 에러가 발생하는데 왜 발생하는 것일까요?The named parameter 'primary' isn't defined.

retrofit을 쓰다가@Get(path)Future<레스토랑디테일모델> get레스토랑디테일…요롷게 쓰셨는데 선생님께서 말씀해주시길 클래스 타입과 json타입이 딱 맞아야 한다고 해주셨잖아요 여기서 반환되는 클래스 타입을 json 시리얼라이즈 로 편하게 만들고 있는데 , json 시리얼라이데이션 안쓰고 수동으로 클래스를 만들어도 사실 되는거죠??!

선생님께서는 tabbarview에서 리스너 만들어 등록하셨는데  리스너 안쓰고 1) currentindex: controller.index를 코드에 넣어도 되지 않나요?!?!  리스너 안쓰고 2) on tap 에서 controller.animateTo(index)밑에 추가로Setstate( this.index=index) 이렇게 해도 되지 않나요 ?!  예상에는 2개다 다 가능할 거 같은데 맞는지 질문 남깁니다 ..!

Ontap 같은 경우는 Setstate를 써서 값 변경시 적용해주는데 음…onchanged 같은 건 발 this.변수 = 변수 이렇게. Setstate를 쓰지않고 바로 적용이 되는거 같아요 …,, 코드를 들여다보면 무슨차이가 있길래 Setstate 가 한쪽은 있고 한쪽은 없는 걸까요  

안녕하세요 코팩님. 파라미터 전달 과정에 생긴 이슈가 있어 문의드립니다. 현제 client에서 post로 데이터를 전송하고 body에는 itemPrice라는 키로 double형 데이터를 보내고 있습니다.로그를 찍어보면 22000.0 으로 찍히고 api서버에 제대로 넘어가서, api서버는 맵으로 받게 되어있어서 형변환해서 사용하고 있습니다. 이번에 테스트겸 web으로 빌드를 하여 배포를 하고 테스트를 진행을 하고 있는데요,동일한 페이지에서 동일한 액션을 했을때 값이 double형이 아닌 22000으로 전달이 되는것이 확인되었습니다....서버에서는 int로 왔기 때문에 형변환 오류가 발생했구요.값을 보내기전과 dio onRequest에서도 값을 찍어봐도 dobule형이 아닌 Integer 형인 2200으로 되서 보내지더라구요. 애초에 itemPrice로 넣는 값은 double 형 변수에 담아 값을 관리합니다. dynamic 타입읩 맵에 dobule형 변수 값을 넣어도, 값이 integer 형태면 dobule로 안들어 가는 것 같습니다(웹으로 빌드시에)이런경우 조금 난감한데요 , 어떤식으로 풀어야할지 조언 부탁드립니다. 감사합니다.     

class PaginationStateProvider<T extends IModelWithId, U extends IBasePaginationRepository<T>> extends StateNotifier<CursorPaginationBase> { final U repository; PaginationStateProvider({ required this.repository, }) : super(CursorPaginationLoading()) { paginate(); } Future<void> paginate() async { // 생략 } }위의 코드를 riverpod_generator 이용하는 코드로 바꾸고 싶은데 아무리 고민해봐도 모르겠습니다.@riverpod class PaginationState extends _$PaginationState { @override CursorPaginationBase build() { return CursorPaginationLoading(); } Future<void> paginate() async {} }이렇게 작성하면 로딩만 적용되니까 paginate()는 무시되고요... 샘플 코드를 알려 주실 수 있나요?

안녕하세요.강의를 잘 듣고있습니다. "pub run build_runner build" 진행후에 다음과 같은 에러가 발생하여 json_annotaion의 버전을 4.8.1로 변경하였습니다. [INFO] Generating build script completed, took 260ms[INFO] Reading cached asset graph completed, took 171ms[INFO] Checking for updates since last build completed, took 584ms[WARNING] json_serializable on lib/restaurant/model/restaurant_mdoel.dart:The version constraint "^4.8.0" on json_annotation allows versions before 4.8.1 which is not allowed.[INFO] Running build completed, took 2.5s[INFO] Caching finalized dependency graph completed, took 94ms[INFO] Succeeded after 2.6s with 1 outputs (1 actions) json_annotation: ^4.8.1 dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^2.0.0 build_runner: ^2.3.3 json_serializable: ^6.6.0이후 정상적으로 처리가 된것 처럼 결과가 나타났고, Built build_runner:build_runner.[INFO] Generating build script completed, took 258ms[INFO] Reading cached asset graph completed, took 174ms[INFO] Checking for updates since last build completed, took 581ms[INFO] Running build completed, took 2.5s[INFO] Caching finalized dependency graph completed, took 95ms[INFO] Succeeded after 2.6s with 1 outputs (1 actions) . lib 폴더를 reload 해도 restaurant_model.g.dart 파일이 만들어 지지않습니다.  

restaurant_repository.dart에서 사용되는 Future<CursorPagination<RestaurantModel>>paginate({ @Queries() PaginationParams? paginationParams=const PaginationParams(),}); @Queries() 이노테이션이 궁금합니다. 구글링해봐도 명확하게 나오지 않습니다.