172만명의 커뮤니티!! 함께 토론해봐요.
미해결
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
didupdatewidget과 setstate의 차이점을 알려주실 수 있나요? Setstate는 stateful위젯 안에서 변수를 변경하고 싶을때 사용하는건 알겠는데, didupdatewidget은 언재 사용하는지 잘 모르겠어요ㅜㅠ
미해결
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
재생 중에 슬라이더를 조절할려고하는데 슬라이더를 누른채로 동작을 안하면 영상이 자동으로 재생되어 버립니다 슬라이더에서 손을 뗄떼까지 영상이 멈추게 할수있을까요 인프런강의처럼요 또 한가지 질문은 videioController 는 initializeController()안에서 아래 코드로 할당이되는데 videoController = VideoPlayerController.file( File(widget.video.path), 이부분은 deadcode가 아닐까요 if (videoController == null) { return CircularProgressIndicator();
해결됨
Flutter 앱 개발 실전
안녕하세요. 처음부터 List<ContactItem> 으로 데이터를 반환받아서 처리해야 하는 것인지, 아니면 아래 코드에서 분기처리할 방법이 있는지 궁금합니다. import 'package:json_annotation/json_annotation.dart'; import 'package:retrofit_ex2/model/contact_item.dart'; part 'contact_result.g.dart'; @JsonSerializable() class ContactResult { final String status; final String message; final List<ContactItem>? addrinfo; const ContactResult({ required this.status, required this.message, this.addrinfo, }); factory ContactResult.fromJson(Map<String, dynamic> json) => _$ContactResultFromJson(json); Map<String, dynamic> toJson() => _$ContactResultToJson(this); } import 'package:dio/dio.dart'; import 'package:retrofit/retrofit.dart'; import 'package:retrofit_ex2/common/repository/retrofit_url.dart'; import 'package:retrofit_ex2/model/contact_result.dart'; part 'rest_client.g.dart'; @RestApi(baseUrl: RetrofitURL.baseUrl) abstract class RestClient { factory RestClient(Dio dio, {String baseUrl}) = _RestClient; @GET(RetrofitURL.contactData) Future<ContactResult> getContactList(); } class ContactListPage extends StatefulWidget { const ContactListPage({Key? key}) : super(key: key); @override State<ContactListPage> createState() => _ContactListPageState(); } class _ContactListPageState extends State<ContactListPage> { late final RestClient restClient; @override void initState() { Dio dio = Dio(); restClient = RestClient(dio); super.initState(); } @override Widget build(BuildContext context) { return Scaffold( body: FutureBuilder<ContactResult>( future: restClient.getContactList(), builder: (BuildContext context, AsyncSnapshot<ContactResult> snapshot) { if (!snapshot.hasData) { return const Center( child: CircularProgressIndicator(), ); } final ids = snapshot.data as ContactResult; //print(ids.runtimeType); if (ids.status.contains("success")) { final addrinfo = ids.addrinfo as List<ContactItem>; print('addrinfo_count ::: ${addrinfo.length}'); // 15개 for(ContactItem item in addrinfo){ print('${item.idx} | ${item.userNM} | ${item.mobileNO} | ${item.photo}'); // 여기서 출력은 잘 됨. } return ListView.builder( itemCount: addrinfo.length, itemBuilder: (context, index) { // 총 15개의 List 데이터를 출력하기 위해서 어떻게 해야하는지요? return Text(''); }, ); } else { return const Center( child: Text('에러가 발생했습니다.'), ); } }, ), ); } Widget _contactListWidget(ContactItem item) { return Column( children: [ Text(item.idx.toString()), Text(item.userNM), Text(item.mobileNO), Text(item.telNO!), Text(item.photo!), ], ); } } 15개의 데이터를 GET으로 가져오는 것까지는 잘 되는 걸 확인했습니다. JSON 데이터 전체는 ContactResult 이고, addrinfo 는 List<ContactItem> 입니다. ContactItem 15개를 ListView.builder 를 이용하여 출력하려고 하는데 어떻게 해야 되는지 몰라 도움 요청드립니다.
해결됨
Flutter 앱 개발 기초
처음엔 이 바가 보였는데 어느순간 부터 안보이더라구요. 있던게 안보이니 괜히 불안해서 다시 보이게 하는법을 알고싶습니다...;; 오픈 카카오톡 으로 문의주시면 더 빠르게 답변 받으실 수 있어요 :)
미해결
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
CrossAxisAlignment.stretch 는 교차축을 확장시키는 것으로 알고 있는데 이게 왜 가운대 정렬한 것처럼 작동하는지 모르겠습니다. 느낌 상으로는 CrossAxisAlignment.center 적용해야 할 것같은데 안되는 이유도 궁금합니다.
미해결
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
제 코드는 아래와 같고, import 'package:advanced_app/product/model/product_model.dart'; import 'package:advanced_app/user/model/patch_basket_model.dart'; import 'package:advanced_app/user/model/basket_item_model.dart'; import 'package:advanced_app/user/repository/user_me_repository.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:collection/collection.dart'; final basketProvider = StateNotifierProvider<BasketProvider, List<BasketItemModel>>((ref) { final repository = ref.watch(userMeRepositoryProvider); return BasketProvider(repository: repository); }); class BasketProvider extends StateNotifier<List<BasketItemModel>>{ final UserMeRepository repository; BasketProvider({ required this.repository, }):super([]); Future<void> patchBasket () async { await repository.patchBasket( body: PatchBasketBody( basket: state.map( (e) => PatchBasketBodyBasket( productID: e.product.id, count: e.count)) .toList()) ); } Future<void> addToBasket({ required ProductModel product,}) async { // 1 아직 장바구니에 해당 상품이 없는 경우 -> 추가 // 2 동일한 상품이 있는 경우 -> count +1 final exists = state.firstWhereOrNull((e) => e.product.id == product.id) != null; if(exists){ state = state .map( (e) => e.product.id == product.id ? e.copyWith(count: e.count +1) : e ).toList(); }else{ state = [ ...state, BasketItemModel( product: product, count:1) ]; } await patchBasket(); } Future<void> removeFromBasket({ required ProductModel product, bool isDelete = false}) async{ // isDelete면 count와 상관없이 삭제 final exists = state.firstWhereOrNull((e) => e.product.id == product.id) != null; if(!exists){ return; } // 이제 무조건 있는 경우 final existingProduct = state.firstWhere((element) => element.product.id == product.id); // 1개 있는 경우 삭제 (해당하는 상품 빼고 리스트 만들어서 넣어 주는 방식) if (existingProduct.count == 1 || isDelete){ state = state .where((e) => e.product.id != product.id) .toList(); } else{ // 2개 이상 있는 경우 state = state .map((e) => e.product.id == product.id? e.copyWith( count: e.count -1) : e).toList(); } } } 에러 로그는 아래와 같습니다. -------------- [VERBOSE-2:dart_vm_initializer.cc(41)] Unhandled Exception: type 'Null' is not a subtype of type 'Map<String, dynamic>' in type cast #0 $BasketItemModelFromJson (package:advanced app/user/model/basket_item_model.g.dart:11:54) #1 new BasketItemModel.fromJson (package:advanced_app/user/model/basket_item_model.dart:25:14) #2 UserMeRepository.patchBasket.<anonymous closure> (package:advanced app/user/repository/user_me_repository.g.dart:93:45) #3 MappedListIterable.elementAt (dart:_internal/iterable.dart:415:31) #4 ListIterator.moveNext (dart:_internal/iterable.dart:344:26) #5 new GrowableList. ofEfficientLengthIterable (dart:core-patch/growable_array.dart:189:27) #6 new GrowableList.of (dart:core-patch/growable array.dart:150:28) #7 new List.of (dart:core-patch/array_patch.dart:47:28) #8 ListIterable.toList (dart:_internal/iterable.dart:214:7) #9 UserMeRepository.patchBasket (package:advanced app/user/repository/user_me_repository.g.dart:94:10) Postman에서 get http://127.0.0.1:3000/user/me/basket 실행해 보면, [ { "count": 1 } ] 처럼 product가 제대로 안들어가고 count 값만 들어가 있습니다. jsonSerializable 문제인가 싶어서 모델들 다 체크해봤는데... 코드 제너레이션도 정상적으로 되는데... 뭐가 문제일까요? 이것 때문에 3시간 넘게 씨름 중인데 도움 주시면 감사하겠습니다!
해결됨
Flutter 앱 개발 실전
안녕하세요. 강의를 듣고나서 테스트를 해보는데 안되어서 문의 좀 드립니다. addrinfo: json['addrinfo'] == null ? null : List<Contact_Item>.from(json['addrinfo']), 위 부분을 어떻게 처리해야 해결될 수 있는지를 모르겠습니다. addrinfo 는 값이 서버에서 null을 반환할 수도 있고 List<Contact_Item> 을 반환할 수도 있습니다. class Contact_Item { final String idx; final String userNM; final String mobileNO; final String telNO; final String photo; final bool checkBoxState; const Contact_Item({ required this.idx, required this.userNM, required this.mobileNO, required this.telNO, required this.photo, required this.checkBoxState, }); factory Contact_Item.fromJson(Map<String, dynamic> json) { return Contact_Item( idx: json['idx'] as String, userNM: json['userNM'] as String, mobileNO: json['mobileNO'] as String, telNO: json['telNO'] as String, photo: json['photo'] as String, checkBoxState: json['checkBoxState'] as bool, ); } } class ContactResult { final String status; final String message; final List<Contact_Item>? addrinfo; const ContactResult({ required this.status, required this.message, this.addrinfo, }); factory ContactResult.fromJson(Map<String, dynamic> json) { return ContactResult( status: json['status'] ?? '', message: json['message'] ?? '', addrinfo: json['addrinfo'] == null ? null : List<Contact_Item>.from(json['addrinfo']), ); } } abstract class ContactRepo { Future<ContactResult> getAddressData(ContactRequest req); } class ContactService extends ContactRepo { Future<ContactResult> getAddressData(ContactRequest req) async { BaseOptions options = BaseOptions( baseUrl: RetrofitURL.baseUrl, ); Dio dio = Dio(options); dio.interceptors.add(Logging()); FormData formData = FormData.fromMap({ "keyword": req.keyword, "search": req.search, }); final response = await dio.post(RetrofitURL.contactData, data: formData); print(response); // print(response.data.runtimeType); //print(response.headers); if (response.statusCode == 200) { ContactResult result = ContactResult.fromJson(response.data); return result; } else { return ContactResult(status: "fail", message: "fail", addrinfo: null); } } } 에러 메시지 내용 I/flutter (23550): RESPONSE[200] => PATH: /androidSample/ContactList.php I/flutter (23550): {"status":"success","message":"","addrinfo":[{"idx":1,"userNM":"개발자","mobileNO":"01000010001","telNO":"0234560001","photo":"1.jpg","checkBoxState":false},{"idx":2,"userNM":"이정은","mobileNO":"01001230001","telNO":"","photo":"2.jpg","checkBoxState":false},{"idx":3,"userNM":"김홍길","mobileNO":"01001230002","telNO":"","photo":"null","checkBoxState":false},{"idx":4,"userNM":"최신형","mobileNO":"01001230003","telNO":"","photo":"4.jpg","checkBoxState":false},{"idx":5,"userNM":"홍길동","mobileNO":"01000009880","telNO":"","photo":"5.jpg","checkBoxState":false},{"idx":6,"userNM":"김아정","mobileNO":"01001230005","telNO":"","photo":null,"checkBoxState":false},{"idx":7,"userNM":"이순신","mobileNO":"01001230006","telNO":"","photo":"7.jpg","checkBoxState":false},{"idx":8,"userNM":"이정민","mobileNO":"01000010887","telNO":"","photo":null,"checkBoxState":false},{"idx":9,"userNM":"최재수","mobileNO":"01001110000","telNO":"","photo":"9.jpg","checkBoxState":false},{"idx":10,"userNM":"장정은" E/flutter (23550): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: type '_Map<String, dynamic>' is not a subtype of type 'Contact_Item' E/flutter (23550): #0 new List.from (dart:core-patch/array_patch.dart:29:5) E/flutter (23550): #1 new ContactResult.fromJson (package:login_ex/contact/model/contact_result.dart:19:51) E/flutter (23550): #2 ContactService.getAddressData (package:login_ex/contact/repository/contact_service.dart:32:44) E/flutter (23550): <asynchronous suspension> E/flutter (23550): #3 MainScreenState.getContactData (package:login ex/contact/view/main_screen.dart:35:30) E/flutter (23550): <asynchronous suspension>
미해결
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
══╡ EXCEPTION CAUGHT BY IMAGE RESOURCE SERVICE ╞════════════════════════════════════════════════════ The following NetworkImageLoadException was thrown resolving an image codec: HTTP request failed, statusCode: 404, http://10.0.2.2:3000/img/%EB%96%A1%EB%B3%B6%EC%9D%B4/%EB%96%A1%EB%B3%B6%EC%9D%B4.jpg When the exception was thrown, this was the stack: #0 NetworkImage._loadAsync (package:flutter/src/painting/_network_image_io.dart:135:9) <asynchronous suspension> Image provider: NetworkImage(" http://10.0.2.2:3000/img/떡볶이/떡볶이.jpg ", scale: 1.0) Image key: NetworkImage(" http://10.0.2.2:3000/img/떡볶이/떡볶이.jpg ", scale: 1.0) ════════════════════════════════════════════════════════════════════════════════════════════════════ 어떻게 해야할까요..?
해결됨
Flutter 중급 1편 - 클린 아키텍처
json to dart 모델 작성시에 nullable 보다 late final로 선언하는 것을 더 선호하신다고 했는데, 이유가 있을까요?
미해결
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
섹션24 데이터베이스 수업에서 flutter pub run build_runner build를 터미널에 작성해도 새로운 파일이 생성되지 않습니다. 해결 방법이 있을까요?
미해결
Flutter 입문 - 안드로이드, iOS 개발을 한 번에 (with Firebase)
plugin 중에서 에러 발생시 발생한 코드 위치에 바로 에러 표시해주는 기능 있을까요? 어디에선가 본거 같은데 해당 plugin이나 메뉴를 못찾겠네요.
해결됨
Flutter 앱 개발 실전
노션 주소는 어디서 확인하나요?
미해결
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
안녕하세요. 강의를 통해서 CustomScrollView에 TabBar를 적용 해보았는데요. 앱상단에는 컨텐츠를 만들고 중간쯤 탭바를 구현해서 각 탭바뷰에 ListViewBuild를 적용 하려 하는데요, TabBarView에 ListView나 ListViewBuild를 적용하면 잘 동작하는데, TabBarView에 들어오는 컨텐츠 내용이 길 경우에는 상관이 없는데, 컨텐츠 내용이 적을 경우 아래 코드처럼 탭1에 컨테이너 높이를 주거나 (SliverFillRemaining 전체 남는 요소를 다채워서 높이값이 안먹고,) 탭2에 텍스트 위젯만 썻을 경우에 화면 스크롤시 현재 남은 공간 외에도 더 많은 공간이 스크롤되서 컨텐츠 내용도 적은데 스크롤이 너무 많이 나타나서. NestedScrollView 도 그렇고 CustomScrollView 그렇고 동일한 현상이 나타나서... 기본 스크롤 공간여백을 현재 컨텐츠가 가지고 있는 공간만큼만 스크롤 되게 할 수는 없을까요? 아무리 찾아봐도 해결할 수가 없어서 도움 요청드려요 ㅠ DefaultTabController( length: 2, child: CustomScrollView( slivers: [ SliverList( delegate: SliverChildListDelegate([ Column( children: [ Text('컨텐츠'), Text('컨텐츠'), Text('컨텐츠'), Text('컨텐츠'), Text('컨텐츠'), Text('컨텐츠'), ], ), ]), ), SliverAppBar( floating: true, pinned: true, bottom: TabBar( tabs: [ Tab(text: '탭 1'), Tab(text: '탭 2'), ], ), ), SliverFillRemaining( child: TabBarView( children: [ // 첫 번째 탭에 대한 내용 Container( height: 200, color: Colors.red, ), // 두 번째 탭에 대한 내용 Text('두 번째 탭 내용'), ], ), ) ], ), )
미해결
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
강의에서는 패스워드를 암호화하지 않고 그냥 보내는 방식으로 설명해주셨는데요. Flutter 에서 패스워드를 RSA 암호화하고 서버에서 복호화 처리하는 방법으로 실제 프로젝트에서는 사용할 거 같습니다. Flutter 에서 RSA 암호화 하는 예제 코드 좀 부탁드리겠습니다.
해결됨
Flutter 앱 개발 기초
오픈 카카오톡 으로 문의주시면 더 빠르게 답변 받으실 수 있어요 :) 에뮬레이터 실행하면 이런 오류문구가 계속 뜹니다...... 혹시나 예전에 어떤 책 보면서 해놓은 환경변수 설정해 놓은게 있어서 그거 때문인가 싶어 그 환경 변수 지워봤는데 도움이 되진 않네요..... 구글에 쳐봤는데 제가 이해할 수 가 없어서 어떻게 해야 할 지 모르겠습니다...
해결됨
Flutter 앱 개발 기초
오픈 카카오톡 으로 문의주시면 더 빠르게 답변 받으실 수 있어요 :) 에뮬레이터 실행하면 이런 오류문구가 계속 뜹니다...... 혹시나 예전에 어떤 책 보면서 해놓은 환경변수 설정해 놓은게 있어서 그거 때문인가 싶어 그 환경 변수 지워봤는데 도움이 되진 않네요..... 구글에 쳐봤는데 제가 이해할 수 가 없어서 어떻게 해야 할 지 모르겠습니다...
해결됨
Flutter 앱 개발 기초
오픈 카카오톡 으로 문의주시면 더 빠르게 답변 받으실 수 있어요 :) 에뮬레이터 실행하면 이런 오류문구가 계속 뜹니다...... 혹시나 예전에 어떤 책 보면서 해놓은 환경변수 설정해 놓은게 있어서 그거 때문인가 싶어 그 환경 변수 지워봤는데 도움이 되진 않네요..... 구글에 쳐봤는데 제가 이해할 수 가 없어서 어떻게 해야 할 지 모르겠습니다...
해결됨
Flutter 앱 개발 기초
오픈 카카오톡 으로 문의주시면 더 빠르게 답변 받으실 수 있어요 :) 에뮬레이터 실행하면 이런 오류문구가 계속 뜹니다...... 혹시나 예전에 어떤 책 보면서 해놓은 환경변수 설정해 놓은게 있어서 그거 때문인가 싶어 그 환경 변수 지워봤는데 도움이 되진 않네요..... 구글에 쳐봤는데 제가 이해할 수 가 없어서 어떻게 해야 할 지 모르겠습니다...
해결됨
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
_Footer( maxNumber: maxNumber, onSliderChanged: onSliderChanged, onButtonPressed: onButtonPressed, ) void onSliderChanged(double val) { setState(() { maxNumber = val; }); } onSliderChanged 함수를 부를 땐 인자값을 넘기지 않는데 onSliderChanged 함수에는 val를 인자값으로 받고 있는데 이 부분이 이해가 잘 안 갑니다..
해결됨
Flutter로 SNS 앱 만들기
안녕하세요 강의 잘 듣고 있습니다. 강의에서 배운 내용을 토대로 다른 프로젝트에 적용하려 합니다. 그런데 댓글을 올릴 때 아래처럼 오류가 뜨는데 뭐가 문제일까요..?
