묻고 답해요
150만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
순위 정보를
불러오고 있어요
-
해결됨[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
플러터 글자색, 카드색 질문
어느날 플러터를 오랜만에 켰더니 ElevatedButton 안에 있는 글자색과 Card의 배경색이 조금 푸른색으로 변경이 되어있습니다 당황해서 찾아보니 해결법도 잘 나오지 않고 이런 경우가 있었는지 궁금하네요
-
해결됨[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
restaurant_repository.dart 파일 에러 원인이 뭘까요?
안녕하세요. 플러터 초보 개발자 입니다.강의 내용 잘 따라오다가 아래 그림에서 에러가 발생합니다. lib/restaurant/repository/restaurant_repository.dart:33:33: Error: The parameter 'paginationParams' of the method 'RestaurantRepository.paginate' has type 'PaginationParams', which does not match the corresponding type, 'PaginationParams?', in the overridden method, 'IBasePaginationRepository.paginate'. - 'PaginationParams' is from 'package:rest/common/model/pagination_params.dart' ('lib/common/model/pagination_params.dart').Change to a supertype of 'PaginationParams?', or, for a covariant parameter, a subtype. @Queries() PaginationParams paginationParams = const PaginationParams(), ^lib/common/repository/base_pagination_repository.dart:7:31: Context: This is the overridden method ('paginate'). Future<CursorPagination<T>> paginate({ ^Target kernel_snapshot failed: Exception
-
해결됨[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
Http Status Error [401]에 관하여 - go_router : ^7.0.1 사용
go_router 7.0.1 버전을 사용하여 강의를 진행 중에 있습니다.RefreshToken과 AccessToken은 Storage에서 지워진 상태입니다.해당 상태에서 두개의 토큰이 null로 확인되면 dio.dart에서 dioError를 호출하고 reject하는 부분까지는 확인을 했습니다. 그런데 여기서 SplashScreen으로 이동을 하지 않고 Home화면에서 데이터를 가져오지못했다는 메시지만 띄웁니다.로그 화면에도 보면 프로그램 실행 시 /restaurant을 호출하게 되는데 제가 코드에서 처리를 잘 못한건지 잘 모르겠습니다.제가 생각하기에는 /restaurant가 호출되기 전에 /user/me가 먼저 호출 되어, 토큰 값을 체크하고 그 다음에 토큰 값의 유무에 따라 화면이 전환이 되어야 된다고 생각이 드는데 제가 잘못 이해하고 있는가요? 코드는 git에 올려두었습니다.https://github.com/bluelf1004/study.git
-
해결됨[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
Provider 와 StateProvider의 사용에 관해.
강의 잘 듣고 있습니다. 한 가지 의문이 있어 글 올립니다. 강의 내용 중 provider.dart에서 final filterShoppingListProvider = Provider<List<ShoppingListItem>>((ref) { } 부분에서 final filterShoppingListProvider = StateProvider<List<ShoppingListItem>>((ref) { } 로 사용하면 어떻게 다를까요? Provider 안에 속한 Provider를 인지하기 위해 꼭 Provider를 사용한다는 걸까요?... 1회성은 StateProvider를 쓴다는 식으로 이해하면 되겠습니까?
-
해결됨[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
너무 어렵습니다 ㅜㅜ
작업기억이란게 한계가 있는데oop를 통한 상속의 상속의 인터페이스 물리고 물리고 물리고 물리는 제네릭타입 등단편적으로 보면 이해할수없고 모든 그림을 이해하고있어야 그나마 따라갈수 있는부분이라고 생각됩니다.그런데 20시간의 긴 강의이다보니 전체 배경을 모두 기억할수가 없는데요.클래스 이름도 너무 길고 비슷하게 레스토랑레파지토리프로바이더 이런식으로 되서 가독성이 너무 떨어져서 초보자 입장에서는 이해하기가 더욱힘듭니다.. 제생각에는 강의를 시작하기전에 해당 챕터의 핵심 플로우를 먼저 집고 넘어가고 너무 길거나 비슷한 클래스 이름들은 유니크하게 했으면 어떨까하는 아쉬움이 남습니다. 제가 멍청한건지 모르겠지만.. 코팩님 강의가 너무 유익해서 다음강의도 볼 의향이 있는데 혹시 다음강의를 찍게되신다면 저같은 사람도 배려해주셨으면 해서 이렇게 글 남겨드립니다.. 아 그리구 깃허브에서 rest 레파지토리를 클론해서 실행해보니 페이지네이션한 코드가 잘못된건지 서버에 애초에 데이터가 부족한건지 중복데이터를 가져오는것이 많은데요 페이지네이션은 문제 없는것 맞나요 ??
-
해결됨[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
FlutterSecureStorage를 사용하는 이유가 무엇인가요?
shared_preferences보다는 FlutterSecureStorage를 사용하는 것이 안전하다는 글을 많이 찾게 되었습니다.그런데 Hive를 사용하지 않는 이유도 같은가요?저장하는 데이터 형태가 key: value 형태로 nosql 형태인데 hive도 가능할 것 같아서 질문드립니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
RefreshIndicator 관련 질문
안녕하세요, 코드팩토리님 강의 기반으로 RefreshIndicator를 구현하였는데, fetchMore가 true로 가고, forceRefetch가 false로 가서 제대로 새로고침이 동작하지 않는 문제가 있습니다.디버그모드로 돌려보니 refresh_indicator.dart를 통할 때 fetchMore와 forceRefetch 값을 바꿔버리던데.. 이거는 플러터에 있는 자체 코드라 수정이 어려운 것 같아요.코드 캡쳐는 아래를 참고 부탁드립니다.[pagination_list_view.dart][pagination_provider.dart]참고로 dart 버전은 2.19.6이고, flutter 버전은 3.7.12입니다.
-
해결됨[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
postman 질문
현재 postman에서 다른 탭들은 정상적으로 값이 나오는데,GET/restaurant만 401에러가 지속적으로 뜹니다. 왜그런걸까요?이건 바로 다음 탭(/{rid})의 화면입니다.
-
해결됨[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
PatchMeBasketDto 서버 에러 급합니다.
안녕하세요. 섹션 16 -> Postman API 테스트 부분을 듣고 있는 수강생입니다.하나씩 강의 영상대로 따라하면서 공부하고있습니다.로그인 요청을 보내서 로그인 토큰을 받고GET /restaurant 으로 레스토랑 리스트 받아오고받아온 레스토랑 id를 기반으로 restaurant/:rid 에 rid 키로 상세 페이지를 요청하였습니다.그 후 user/me/basket의 productId 상세페이지에서 나온 id를 입력했는데 서버에서 아래와 같은 오류가 나옵니다. 강사님의 빠른 답변 기다리겠습니다. 좋은 강의 감사합니다. ==== 포스트맨 에러{ "statusCode": 500, "message": "Internal server error" } ==== NextJS 에러 {}PatchMeBasketDto {}[Nest] 6648 - 2023. 11. 21. 오후 4:21:06 ERROR [ExceptionsHandler] Cannot read properties of undefined (reading 'map')TypeError: Cannot read properties of undefined (reading 'map') at UserService._mapBasketDtoToProduct (D:\FlutterProject\restapi\src\user\user.service.ts:74:21) at UserService.addToBasket (D:\FlutterProject\restapi\src\user\user.service.ts:66:24) at UserController.patchMeBasket (D:\FlutterProject\restapi\src\user\user.controller.ts:87:29) at D:\FlutterProject\restapi\node_modules\@nestjs\core\router\router-execution-context.js:38:29 ==== 단계별 스크린샷1. 레스토랑 리스트 요청2. 상세 레스토랑 정보 요청3. PATCH 장바구니 요청4. 서버 에러
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
안녕하세요 제너릭 관련하여 질문이 있습니다.
안녕하세요. 해당 강의에 질문이 있어서 글을 남깁니다. 강의에 소개된대로 itemBuilder에 RestaurantModel 제너릭을 제공해준 경우 return PaginationListView( provider: restaurantProvider, itemBuilder: <RestaurantModel>(context, index, model) { return GestureDetector( onTap: () { Navigator.of(context).push(MaterialPageRoute( builder: (_) => RestaurantDetailScreen( id: model.id, ), )); }, child: RestaurantCard.fromModel(model: model), ); }, ); PaginationListView에 제너릭을 제공한 경우 return PaginationListView<RestaurantModel>( provider: restaurantProvider, itemBuilder: (context, index, model) { return GestureDetector( onTap: () { Navigator.of(context).push(MaterialPageRoute( builder: (_) => RestaurantDetailScreen( id: model.id, ), )); }, child: RestaurantCard.fromModel(model: model), ); }, );위 두가지 경우 중에 PaginationListView 소스를 확인하면 2번 항목이 맞는거 같은데 작동은 1번에서만 가능합니다. typedef PaginaitonWidgetBuilder<T extends IModelWithId> = Widget Function( BuildContext context, int index, T model, ); class PaginationListView<T extends IModelWithId> extends ConsumerStatefulWidget { final StateNotifierProvider<PaginationProvider, CursorPaginationBase> provider; final PaginaitonWidgetBuilder<T> itemBuilder; const PaginationListView({ super.key, required this.provider, required this.itemBuilder, }); @override ConsumerState<PaginationListView> createState() => _PaginationListViewState<T>(); }제가 생각한 해석방식은 이렇습니다.PaginationListView 생성 시 ImodelWithId를 extend 한T 타입을 제너릭으로 받습니다.따라서 itemBuilder가 아닌 PaginationListView<RestaurantModel>과 같이 제너릭을 제공한 경우, 해당 타입을 PaginationWidgetBuilder에 매핑 됩니다. 위 해석방식에서 제가 틀리게 생각한게 있나요? 에러메시지는 아래와 같습니다. The following _TypeError was thrown building: type '(BuildContext, int, RestaurantModel) => GestureDetector' is not a subtype of type '(BuildContext, int, IModelWithId) => Widget'
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
결제오류 입니다.
코드는 전혀 문제가 없는 것 같은데, 결제창으로 넘어가지를 않습니다.코드를 보면 만약 resp 일때 OrderDoneScreen으로 넘어가도록 되어있는데, 그 resp 는 await ref.read(orderProvider.notifier).postOrder(); 이라고 했습니다.그렇다면 이 resp가 이 상태가 아니라는 건데, 이걸 어떻게 확인을 하면 좋을까요?에러의 이유로는 'type 'Null' is not a subtype of type 'String' in type cast' 라고 나옵니다.저번에는 재설치 하면 넘어갔었는데, 이번에는 아무리 모든 코드를 검사해봐도 이유를 모르겠습니다 ㅠSizedBox( width: double.infinity, child: ElevatedButton( onPressed: () async { final resp = await ref.read(orderProvider.notifier).postOrder(); if (resp) { context.goNamed(OrderDoneScreen.routeName); } else { ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text( '결제 실패!', ), ), ); }
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
GoRoute List 위치 질문입니다.
List<GoRoute> 를 go_router.dart가 아닌 auth_provider.dart에 넣은 이유가 있을까요?작동은 잘 되지만 코드가 헷갈릴 때가 있어 질문드립니다.라우터 관련 코드들은 go_router에 넣으면 가독성이 더 편해질 것 같은데 auth_provider에 넣은 이유가 있을까요??
-
해결됨[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
ShellRoute 실행 결과가 이상합니다 ..
선생님이랑 코드 똑같이 쓰고 라우트 위치도 맞는데 NestedScreen 가보면 이렇게 나옵니다.아래는 더러울 수도 있지만 코드 전체 첨부합니다. class NestedScreen extends StatelessWidget { final Widget child; NestedScreen({super.key, required this.child}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(GoRouterState.of(context).matchedLocation), ), body: child, bottomNavigationBar: BottomNavigationBar( items: [ BottomNavigationBarItem( icon: Icon(Icons.home), label: 'home', ), BottomNavigationBarItem( icon: Icon(Icons.person), label: 'person', ), BottomNavigationBarItem( icon: Icon(Icons.notifications), label: 'notifications', ), ], ), ); } } // router.dart ShellRoute( builder: (context, state, child) { return NestedScreen(child: child); }, routes: [ GoRoute( path: 'nested/a', builder: (_, state) => NestedChildScreen(routeName: '/nested/a'), ), GoRoute( path: 'nested/b', builder: (_, state) => NestedChildScreen(routeName: '/nested/b'), ), GoRoute( path: 'nested/c', builder: (_, state) => NestedChildScreen(routeName: '/nested/c'), ), ], ),
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
riverpod 상태관리시에 궁금한점 질문드립니다.
안녕하세요 코팩님.상품검색 페이지를 작업했습니다.riverpod으로 상태관리를 하며 필터(검색조건)을 provider로 구현하였습니다.필터들은 stateProvider로 하였고검색데이터 list는 StateNotifierProvider(필터값들 watch중)로 선언하였습니다.기본적으로 필터가 변경될때 자동으로 재검색이 되고 있는데요. 검색결과 페이지에서 새로운 검색어를 넣고 다시 검색할 때 이슈가 있습니다.(pushReplacementNamed로 현재페이지를 다시 호출)사정상 검색어는 provider로 하지 않고 파라미터로 받고 있습니다. 필터프로바이더들을 초기화 하지 않으면 새로운검색결과에 조건이 또 타게되서 필터들을 초기화 해주고 싶은데요.필터를 초기화해주면 기존 리스트가 자동으로 watch중이라 재검색이 먼저 실행되어버립니다.invalidate도 마찬가지구요. 어쩔수없이 changeNotifierProvider를 써서 notifyListeners를 호출하지 않고 값을 변경하는 함수를 따로 만들어서 그걸 호출 해서 값을 초기화하고 pushReplacementNamed로 현재페이지를 검색어만 바꿔서 재호출 하는걸로 처리하고 넘어갔습니다. 이럴땐 어떻게 처리해야 할까요?기본적인 설계를 잘못한 건지 모르겠습니다 ㅠㅠ조언 부탁드립니다. ps. autoDispose를 걸어놔도 다음 페이지에서 해당 프로바이더를 사용하면 dispose가 되지 않고 상태값도 초기화없이 유지되는게 맞나요? 테스트해 보았는데 그렇게 처리되는 것처럼 보여서요. 긴글 읽어주셔사 감사합니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
탭 간 상태 유지 관련 하여 문의 드립니다.
홈 리스트 화면 중간 정도 보다가 음식 탭으로 이동 해서 리스트 스크롤 후에 다시 홈 화면으로 탭 하면 홈 리스트가 처음 부터 보여 집니다. 음식 탭으로 이동 해도 처음부터 보여지는데 상태 유지 할 수 있는 방법에는 어떤게 있는지 궁금 해서 문의 드립니다. 현재 Go router 강의 중간 정도 진행했습니다.감사합니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
NavigatorObserver
[에러코드]Error (Xcode): ../../../.pub-cache/hosted/pub.dev/go_router-4.5.1/lib/src/router.dart:38:44: Error: The class 'NavigatorObserver' can't be used as a mixin because it isn't a mixin class nor a mixin.Could not build the application for the simulator.Error launching application on iPhone 15 Pro.[강의]섹션 15 GoRouter 프로젝트에 적용하기 Authentication 마무리하기 수강 완료 후 위와 같은 에러가 발생하는데... 어떻게 하면 해결 가능할지... 문의드립니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
리스너 dispose 질문입니다
5분 15초 쯤에 ScrollController 의 리스너 dispose하고ScrollController 도 dispose 하시는데 질문이 3가지 있습니다.둘 중 하나라도 dispose를 안 하면 어떻게 되는 건가요?RestaurantScreen, DetailScreen 에서는 dispose를 안 했는데 여기에서 한 이유가 있을까요?모든 리스너들은 다 dispose를 해줘야 하는지입니다.
-
해결됨[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
아래 댓글에 답변 드립니다.
계속 질문드려 죄송합니다. 그리고 매번 답변 주셔서 진심으로 감사드립니다. 제가 위탁하여 가지고있는 2년 전 flutter와 firebase로 제작한 앱이 있습니다. 그런데 지금 제가 공부중이라 안드로이드 스튜디오로 열려고 하니 다양한 이유로 에뮬레이터에 구현이 안되더라고요, 일부 코드들은 지금은 안쓰는 것 같고, 코드 수정은 어찌어찌 제가 할 수 있을 것 같은데, 새플러터 프로젝트로 코드 복사하고, 야믈파일, 안드로이드, ios 일부 수정해야하는 파일을 복사해와도 실행이 안되는건 마찬가지였습니다. 이런때는 어떻게 해야할까요?; 해당 개발자에게 문의를 해봐도 안드로이드 환경설정은 어떻게 해줄 수가 없다고 하더라고요, 원본 파일에서 최대한 아무것도 바꾸지 않는게 좋다고 하는데, 열 수가 없습니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
공부하다 궁금한 것이 있어 여쭤봅니다.
지금 저의 목표는 혼자서 앱하나를 온전히 만들어 출시, 유지보수까지 하는 건데요, 추천을 받고 중급 강의까지 여러번 반복하며 코드들을 연습하고 있습니다. 그런데 보통 개발자 1명이 앱을 제작할때 순서가 어떻게 될까요?중급강의 처럼 api, 백엔드를 먼저 설계해놓은 후 프런트를 개발 할까요? 막연하게 공부하기 전에는 프런트를 먼저 구현을 다 해놓은 후에 백엔드를 연결하는 것이 아닐까 했는데, 중급을 공부하다보니 그런것도 아닌것 같아서요, 실제 앱 개발에서는 어떤 방식과 순서로 개발하는지 궁금합니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
splash 이미지 질문
FutureOr<String?> redirectLogic(BuildContext context,GoRouterState state) { final UserModelBase? user = ref.read(userMeProvider); //로그인 중 final logginIn = state.location == '/login'; //회원가입 페이지 이동중인지 final joinIn = state.location == '/login/join'; //유저 정보가 없는데 //로그인중이면 그대로 로그인 페이지에 두고 //만약 로그인중이 아니라면 로그인 페이지로 이동 if(user == null && !joinIn){ return logginIn ? null : '/login'; } // //유저 정보가 없는데 // //로그인중이면 그대로 로그인 페이지에 두고 // //만약 로그인중이 아니라면 로그인 페이지로 이동 if(user is UserModelLoading){ return logginIn ? null : '/login'; } // // //user가 null이 아님 // // //UserModel // //사용자 정보가 있는상태면 // //로그인 중이거나 현재 위치가 SplashScreen이면 // //홈으로 이동 if(user is UserModel){ return logginIn || state.location == '/splash' ? '/' : null; } return null; }위와 같은 redirect 로직에서 처음final UserModelBase? user = ref.read(userMeProvider); 위와 같은 코드를 실행 할 떄 final userMeProvider = StateNotifierProvider<UserMeStateNotifier,UserModelBase?>((ref) { return UserMeStateNotifier(); }); class UserMeStateNotifier extends StateNotifier<UserModelBase?>{ UserMeStateNotifier() : super(UserModelLoading()) { get(); } Future<void> get() async{ //spalsh화면을 2초 보여주기 위한 스탑워치 await Future.delayed(Duration(milliseconds: 1800)); state = null; return; } Future<void> getMe(UserModel userModel) async { state = userModel; } }위의 코드에서 get 함수를 거치게 되는데 await를 걸어둔 delayed 로직이 다 끝나기도 전에 return을 해버려 splash 이미지가 다 뜨기도전에 로그인 화면으로 넘어갑니다 해결방법이 있을까요
주간 인기글
순위 정보를
불러오고 있어요