[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
나름 열심히 따라 갔는데, 또 결제하기 버튼 누르면 결제를 실패했다는 스냅카드만 계속 뜹니다. 그래서 print(e) 를 해서 원인을 물어보니, type 'Null' is not a subtype of type 'String' in type cast 라고 나오는데요, 제가 오류를 못찾는 걸수도 있겠지만, 여러 영상을 다시 뒤로 샅샅이 찾아가며 원인을 찾는데 못찾겠습니다.. 왜 다음 페이지로 넘어가지 않을까요? null값 때문이라면 어떻게 처리를 해야 할까요? // order_provider.dart import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:level2/order/model/post_order_body.dart'; import 'package:level2/user/provider/basket_provider.dart'; import 'package:uuid/uuid.dart'; import '../model/order_model.dart'; import '../repository/order_repository.dart'; final orderProvider = StateNotifierProvider<OrderStateNotifier, List<OrderModel>>( (ref) { final repo = ref.watch(orderRepositoryProvider); return OrderStateNotifier( ref: ref, repository: repo, ); }, ); class OrderStateNotifier extends StateNotifier<List<OrderModel>> { final Ref ref; final OrderRepository repository; OrderStateNotifier({ required this.ref, required this.repository, }) : super([]); Future<bool> postOrder() async { try { final uuid = Uuid(); final id = uuid.v4(); final state = ref.read(basketProvider); final resp = await repository.postOrder( body: PostOrderBody( id: id, products: state .map( (e) => PostOrderBodyProduct( productId: e.product.id, count: e.count, ), ) .toList(), totalPrice: state.fold<int>( 0, (p, n) => p + (n.count * n.product.price), ), createdAt: DateTime.now().toString(), ), ); return true; } catch (e) { print(e); return false; } } } ------------------------------------------------------ 이것도 앱을 지웠다가 다시 까니까 갑자기 되네요; 반복될 가능성도 없진 않지만, 실제로 앱을 구현할 경우 이 문제가 계속 반복될 경우 그때마다 지웠다 다시 깔았다를 반복할 수 없을것 같은데.. 일단 이 문제는 이렇게 해결하고 넘어가기로 하겠습니다.^^;
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
Select 실습중에 final state = ref.watch(selectProvider.select((value)=>value.isSpicy)); 해당 코드에서 질문이 있습니다! 불필요한 빌드를 막기위해 특정 변수만 watch를 하면서 특정 부분만 랜더링을 다시 하는 부분으로 제가 이해를 했습니다. 근데 저렇게 할 경우, 변수별로 저렇게 select를 하면 나중에는 코드가 엄청 길어질 수 있을것 같은데, 코드를 가독성 좋게 관리할 수 있는 방법이 혹시 있을까요??
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
state1번부터 5번까지는 실행이 되는데, 4번만 입력하면 code_generation_provider.g.dart 파일에서 2개의 오류가 계속 발생합니다. 왜그런지 여러번 확인했는데, 코드상의 문제는 없는 것 같습니다. g.dart 파일은 수정이 안된다고 하셨는데, 어떻게 수정을 해야할까요?ㅠ // code_generation_provider.dart @riverpod int gStateMultiply( GStateMultiplyRef ref, { required int number1, required int number2, }) { return number1 * number2; } //code_generation_provider.g.dart
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
onPressed: () { ref.read(shoppingListProvider.notifier).state += [ ShoppingItemModel( name: uuid.v1(), quantity: 5, hasBought: false, isSpicy: true) ]; }, 추가하는 것도 혼자 연습해보다가 의문이 생겼습니다. 위 코드에서는 watch해둔 것 때문에 build()가 바로바로 재실행되는 것 같은데 아래같이 List에 추가할 때처럼 add함수로 추가하면 build()가 되지 않고 HomeScreen으로 나갔다 들어와야만 적용이 되는 것을 볼 수 있었습니다. 똑같이 state에 model을 추가하는 것인데 무슨 차이가 있는 건가요? ref.read(shoppingListProvider.notifier).state.add( ShoppingItemModel( name: uuid.v1(), quantity: 5, hasBought: false, isSpicy: true) );
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
bool authState = false; final router = GoRouter( initialLocation: '/', errorBuilder: (context, state) { return ErrorScreen( error: state.error.toString(), ); }, redirect: (context, state) { print('MatchedLocation: ${state.matchedLocation}'); print('AuthState: $authState'); if (state.matchedLocation == '/login/private' && !authState) { return '/login'; } return null; }, 안녕하세요, 리다이렉트시 조건 설정로직이 이해가 잘 되지 않습니다. 초기 authState의 값은 'false'입니다. state.matchedLocation == '/login/private' && !authState 이부분에서 첫번째 조건은(state.matchedLocation == '/login/private') 'true', 두번째도 '!autoState'이므로 ' true'입니다. 그래서 모든 조건이 true가 되어서 로그인이 이루어져서 privateScreen으로 이동해야 될 것 같은데...잘 이해가 되지 않는 로직이라서 질문드립니다. 이렇게 쓰는게 좋을 것 같으나 .... if (state.matchedLocation == '/login/private' && !authState) { return '/login/private'; } return '/login'; } 라우터에서는 이렇게 써야 할 것 같은데요.... if (state.matchedLocation == '/login/private' && authState) { return '/login'; } return null; } 상기와 같이 쓰면 state.matchedLocation == '/login/private' && authState 은 당연한 참이기에 의미없는 조건문이 됩니다. 여하튼 잘 이해되지 않는 부분입니다.
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
여러가지 패키지를 결합해서 사용하다보니 헷갈리는 과정이 있어서 질문드립니다. 제가 이해한 바로는 아래와 같은데 맞는지 확인부탁드립니다.. 패키지 정의: Dio는 Http통신을 간소화하며, 인터셉트를 통해 오류처리나 요청, 응답을 받을 때 무언가 작업을 할 수 있게 도와준다. Retrofit은 Dio를 통해 요청을 보내기 전 헤더 추가도 가능하고, GET method로 응답을 받은 후에 json_serializable을 활용해서 json데이터를 만들어둔 클래스에 매핑할 수 있도록 돕는다. 패키지 활용: Retrofit으로 매핑가능하도록 RestaurantModel 클래스 등에 미리 factory생성자로 json_serializable .g.dart파일을 만들어둔 뒤 Dio로 서버응답을 받고 Retrofit을 통해 클래스로 매핑해서 메모리에 저장한다 까지가 지금까지 했던 과정인지요??
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
현재 dio.dart의 onResponse 까지 작업을 했습니다. 그런데, I/flutter (11405): [REQ] [GET] http://10.0.2.2:3000/restaurant/5ac83bfb-f2b5-55f4-be3c-564be3f01a5b I/flutter (11405): [ERROR] [GET] http://10.0.2.2:3000/restaurant/5ac83bfb-f2b5-55f4-be3c-564be3f01a5b 이렇게 뜨고 계속 401 에러가 납니다. 혹시나 로그인 문제인가 싶어 계속 postman에서 새로고침도 해봤는데 되지 않았습니다. (그러나 이미 해당 코드는 그럴 필요가 없는 단계) print되는 url을 주소창에 입력하니, 페이지가 나오지 않더라고요, 혹시 http://10.0.2.2:3000/ <-- 이 주소와 연관이 된 문제가 아닌가 싶은데, 어떻게 해결해야 할까요?
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
{ "refreshToken": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6InRlc3RAY29kZWZhY3RvcnkuYWkiLCJzdWIiOiJmNTViMzJkMi00ZDY4LTRjMWUtYTNjYS1kYTlkN2QwZDkyZTUiLCJ0eXBlIjoicmVmcmVzaCIsImlhdCI6MTY5Nzk3NDAzNSwiZXhwIjoxNjk4MDYwNDM1fQ.hQMG5C5jegj0zMHIyJBaLGoxIDeRLkw9CCkuTofG3QU", "accessToken": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6InRlc3RAY29kZWZhY3RvcnkuYWkiLCJzdWIiOiJmNTViMzJkMi00ZDY4LTRjMWUtYTNjYS1kYTlkN2QwZDkyZTUiLCJ0eXBlIjoiYWNjZXNzIiwiaWF0IjoxNjk3OTc0MDM1LCJleHAiOjE2OTc5NzQzMzV9.NuRi9YyLy0vwi4yy5pkC52-6tBq8ZnyzQwHKgkv2D6E" } jwt.io 에 위 코드를 붙여넣기 하면 Invalid Signature 상태고, 이때 Verify Signature에 codefactory 를 입력해야 한다고 하였는데요. c만 입력해도 Signature Verified 로 나오네요. 심지어 아무 글자나 입력해도 그래요. 왜 그런걸까요? 제가 뭔가 잘못했을 것 같긴 한데요..
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
질문들 몇 가지 살펴보았는데 제가 이해한 바로는 서버와 토큰으로 통신할 때 탈취가 진행되기 때문에 리프레쉬 토큰은 사용빈도가 적어 탈취위험이 적고 엑세스 토큰은 빈도수가 높아 탈취위험이 높기 때문에 유효기간을 짧게 한다인데 여기서 궁금한 점은 토큰이 어느 시점에서 탈취되는지입니다. 서버와 토큰으로 상호작용할 때 패킷을 빼와서 탈취하는 건가요?
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
선생님의 flutter-lv2-server-main 파일은, 만약 앱하나를 직접 만드는 개발자라면 이 파일도 직접 만들 줄 알아야 할까요? 만든다면 어떻게 만들면 될까요? 이것에 관한 수업은 없을까요? 만약 이것에 관한 수업을 듣는다면, 어떤 영상을 찾아서 봐야할까요? 직접 앱을 만들어서 공식 론칭을 하려고 할때, 이런 서버파일도 필요할텐데, 현재 이 수업에서는 그냥 선생님의 파일을 다운받아 스웨거 화면으로 넘어가고 있습니다. 이런 모든 과정에 대해 배우고 싶습니다.
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
안녕하세요 선생님. 다름이 아니라 강의를 듣다가 강의 마지막쯤에 GoRoute의 상위에서 redirect를 작성할 때와, routes안에 GoRoute(이하 하위)에서 redirect 할 때의 차이점을 설명해주셨는데요. 그래도 눈으로 확인하고 싶어서 print()를 통해 디버깅하고자 아래와 같은 코드로 작성한 상태입니다. 코드 -> 질문 순서로 하겠습니다. // 불필요한 코드는 임의로 삭제하겠습니다. import ... bool authState = false; final router = GoRouter( redirect: (context, state) { print(state.location); print('상위 redirect'); ... }, routes: [ ... GoRoute( path: 'login2', builder: (_, state) => LoginScreen(), routes: [ GoRoute( path: 'private', builder: (_, state) => PrivateScreen(), redirect: (context, state) { print(state.location); print('하위 redirect'); if(!authState) { return '/login2'; } return null; }, ), ], ) ], ), ], ); 작성한 코드는 이러합니다. 상위에서 print문을 2번 사용해서 현재 위치와 상위redirect임을 밝힙니다. 하위에서 마찬가지로 print문을 2번 사용해서 현재 위치와 하위redirect임을 밝힙니다. 여기서부터 궁금한게 여러가지 생겼습니다. login에 실패하여 /private으로 가지 못하는 상황입니다. 제가 생각했던 출력문은 상위에서는 I/flutter (20444): /login/private I/flutter (20444): 상위 redirect 이렇게 출력될 것이다 생각했는데 아래와 같이 나왔습니다. I/flutter (20444): /login/private I/flutter (20444): 상위 redirect I/flutter (20444): /login I/flutter (20444): 상위 redirect Q1. 이렇게 나오는 이유가 authState값을 모르는 채로 /private에 진입부터 했다가 (=출력문 1번), false값인걸 확인하고 /login으로 다시 돌아와서 출력문 3번이 나온것이 맞는지 궁금합니다. 또한 하위 redirect에서 질문이 있습니다. 먼저한 질문(Q1)이 맞다면 , 예상했던 출력값이 있습니다. 예상출력값) I/flutter (20444): /login2/private I/flutter (20444): 하위 redirect I/flutter (20444): /login2 I/flutter (20444): 하위 redirect 그러나 실제로 출력결과는 아래와 같았습니다. I/flutter (20444): /login2/private I/flutter (20444): 상위 redirect I/flutter (20444): /login2/private I/flutter (20444): 하위 redirect I/flutter (20444): /login2 I/flutter (20444): 상위 redirect 상위는 /private에 갔다가 /login으로 돌아오는게 출력된 반면, 하위는 /private에 갔다가 돌아오는 출력문이 찍히지를 않았습니다. Q2. 그렇다면 왜 이렇게 출력되는지 플로우나 실행흐름 같은게 궁금합니다. 또한 상위와 하위 redirect가 무조건적으로 동시에 실행하게 된다면, 상위의 redirect는 하위의 redirect로 덮어쓰여져서 하위만을 실행하거나 하위 우선적인 로직이 수행하는지 궁금합니다. 감사합니다 X)
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
디스코드 dm으로 프리미엄 채널 문의 드렸는데 초대가 안된것 같아서 여기에 질문드려요! 11:05 초 강의 처럼 resp.data 하려고 하지만, 저는 에러 렌즈때문에 debugPrint로만 찍어야 run이 가능합니다. 그래서 코드는 아래 resp 함수를 다 지우고 debugPrint하면 토큰은 잘 나오지만, 아래처럼 하고 debugPrint( resp.data )를 하면 아래와 같은 에러가 발생합니다. 저 코덱 뒤에가 다이내믹 타입이라는 그런거 때문이거 같습니다. 버전도 동일하게 일부러 맞춰봤는데도 그런거보면.. 이상하게 왜 강의에서는 에러가 안났을까요? 흠 ..
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
세션2 Dio로 Auth API요청해보기 이전강의까지 실행후에, 서버 작동하는거 다확인했습니다. 문제없었습니다. http://127.0.0.1:3000/api 도 잘들어가졌습니다 서버 설정은 actual 플러터프로젝트 파일 말고, delivery_server라는 플러터프로젝트 파일을 만들어 작업했습니다. 본강의부분에서 플러터에 작업하려고 acual 프로젝트로 넘어갔고 강의부분 작업을 다한후에 ~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~ print( resp.data ); 로그인 버튼을 눌렀는데 에러가 발생하지도 않는데 refreshToken이 출력안되고 화면에 아무것도 출력이 안되네요 print( resp.data ); 부분이 출력이 안되는거같습니다 다른프로젝트로 넘어가면서 서버가 종료된거같은데 어떻게 해결해야할까요?
