묻고 답해요
131만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨Flutter 앱 개발 실전
[문의] ListView.builder 처리
안녕하세요. 처음부터 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 앱 개발 기초
에뮬레이터 관련 질문입니다
처음엔 이 바가 보였는데 어느순간 부터 안보이더라구요.있던게 안보이니 괜히 불안해서 다시 보이게 하는법을 알고싶습니다...;;오픈 카카오톡으로 문의주시면 더 빠르게 답변 받으실 수 있어요 :)
-
미해결[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
CrossAxisAlignment.stretch 질문 있습니다.
CrossAxisAlignment.stretch 는 교차축을 확장시키는 것으로 알고 있는데 이게 왜 가운대 정렬한 것처럼 작동하는지 모르겠습니다.느낌 상으로는 CrossAxisAlignment.center 적용해야 할 것같은데 안되는 이유도 궁금합니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
basketProvider에서 patchBasket 함수 호출 시 에러가 발생합니다
제 코드는 아래와 같고,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:advancedapp/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:advancedapp/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/growablearray.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:advancedapp/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 앱 개발 실전
Unhandled Exception: type '_Map<String, dynamic>' is not a subtype of type 'Contact_Item'
안녕하세요. 강의를 듣고나서 테스트를 해보는데 안되어서 문의 좀 드립니다.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.phpI/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:loginex/contact/view/main_screen.dart:35:30)E/flutter (23550): <asynchronous suspension>
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
이미지 404에러가 발생했습니다~~
══╡ 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편 - 클린 아키텍처
모델 클래스 작석 시 nullable
json to dart 모델 작성시에nullable 보다 late final로 선언하는 것을 더 선호하신다고 했는데, 이유가 있을까요?
-
미해결[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
섹션24 데이터베이스
섹션24 데이터베이스 수업에서flutter pub run build_runner build를 터미널에 작성해도 새로운 파일이 생성되지 않습니다. 해결 방법이 있을까요?
-
미해결Flutter 입문 - 안드로이드, iOS 개발을 한 번에 (with Firebase)
plugin 중에서 에러 발생시 발생한 코드 위치에 바로 에러 표시해주는 기능 있을까요?
plugin 중에서 에러 발생시 발생한 코드 위치에 바로 에러 표시해주는 기능 있을까요? 어디에선가 본거 같은데 해당 plugin이나 메뉴를 못찾겠네요.
-
해결됨Flutter 앱 개발 실전
노션 주소는 어디서 확인하나요?
노션 주소는 어디서 확인하나요?
-
미해결[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
CustomScrollView에 TabBar적용시 스크롤하면 여백이 많이생겨요.
안녕하세요.강의를 통해서 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, 인증로직 등 중수가 되기 위한 필수 스킬들!
패스워드 RSA 암호화 문의
강의에서는 패스워드를 암호화하지 않고 그냥 보내는 방식으로 설명해주셨는데요.Flutter 에서 패스워드를 RSA 암호화하고 서버에서 복호화 처리하는 방법으로 실제 프로젝트에서는 사용할 거 같습니다.Flutter 에서 RSA 암호화 하는 예제 코드 좀 부탁드리겠습니다.
-
해결됨Flutter 앱 개발 기초
에뮬레이터 실행하면 오류가 뜹니다
오픈 카카오톡으로 문의주시면 더 빠르게 답변 받으실 수 있어요 :)에뮬레이터 실행하면 이런 오류문구가 계속 뜹니다...... 혹시나 예전에 어떤 책 보면서 해놓은 환경변수 설정해 놓은게 있어서 그거 때문인가 싶어 그 환경 변수 지워봤는데 도움이 되진 않네요..... 구글에 쳐봤는데 제가 이해할 수 가 없어서 어떻게 해야 할 지 모르겠습니다...
-
해결됨Flutter 앱 개발 기초
에뮬레이터 실행하면 오류가 뜹니다
오픈 카카오톡으로 문의주시면 더 빠르게 답변 받으실 수 있어요 :)에뮬레이터 실행하면 이런 오류문구가 계속 뜹니다...... 혹시나 예전에 어떤 책 보면서 해놓은 환경변수 설정해 놓은게 있어서 그거 때문인가 싶어 그 환경 변수 지워봤는데 도움이 되진 않네요..... 구글에 쳐봤는데 제가 이해할 수 가 없어서 어떻게 해야 할 지 모르겠습니다...
-
해결됨Flutter 앱 개발 기초
에뮬레이터 실행하면 오류가 뜹니다
오픈 카카오톡으로 문의주시면 더 빠르게 답변 받으실 수 있어요 :)에뮬레이터 실행하면 이런 오류문구가 계속 뜹니다...... 혹시나 예전에 어떤 책 보면서 해놓은 환경변수 설정해 놓은게 있어서 그거 때문인가 싶어 그 환경 변수 지워봤는데 도움이 되진 않네요..... 구글에 쳐봤는데 제가 이해할 수 가 없어서 어떻게 해야 할 지 모르겠습니다...
-
해결됨Flutter 앱 개발 기초
에뮬레이터 실행하면 오류가 뜹니다
오픈 카카오톡으로 문의주시면 더 빠르게 답변 받으실 수 있어요 :)에뮬레이터 실행하면 이런 오류문구가 계속 뜹니다...... 혹시나 예전에 어떤 책 보면서 해놓은 환경변수 설정해 놓은게 있어서 그거 때문인가 싶어 그 환경 변수 지워봤는데 도움이 되진 않네요..... 구글에 쳐봤는데 제가 이해할 수 가 없어서 어떻게 해야 할 지 모르겠습니다...
-
해결됨[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
onSliderChanged 함수에 val 파라미터는
_Footer( maxNumber: maxNumber, onSliderChanged: onSliderChanged, onButtonPressed: onButtonPressed, ) void onSliderChanged(double val) { setState(() { maxNumber = val; }); }onSliderChanged 함수를 부를 땐 인자값을 넘기지 않는데 onSliderChanged 함수에는 val를 인자값으로 받고 있는데 이 부분이 이해가 잘 안 갑니다..
-
해결됨Flutter로 SNS 앱 만들기
댓글 입력시 오류
안녕하세요 강의 잘 듣고 있습니다.강의에서 배운 내용을 토대로 다른 프로젝트에 적용하려 합니다. 그런데 댓글을 올릴 때 아래처럼 오류가 뜨는데 뭐가 문제일까요..?
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
ID, PW 전송시, Base64 인코딩을 사용하는 이유가 궁금합니다.
질문의 내용은 제목과 동일합니다.아래는 제가 궁금해서 찾아본 내용입니다. Base64 인코딩은 텍스트형태로 데이터를 전송할 때 사용한다고 하더군요.저희는 HTTP 통신을 하게 되는데, HTTP 통신에서는 이진데이터 전송이 불가하다고 합니다. (버전별로 다 그런지 찾아본것은 아님)그래서 pdf 나 이미지 같은 이진 바이너리 파일을 전송하기 위해 Base64 를 사용한다고 이해를 했습니다.코드 상에서 String 형태의 문자열은 이미 문자열 형태라고 하는데.. ID, PW 를 Base64 인코딩하시는 이유가 있을까요?찾아본 바로는, 있다면 시스템간의 호환성 문제일거라고 생각하는데, 호환성 문제라고 찾았본 케이스들은 너무 예전 시스템이라고하니 와닿지 않네요. 찾아본 내용들은 책이 아니라, 인터넷에서 검색한 내용들이라 틀렸을 수도 있습니다.실무에서는 일반적으로 ID/PW에 대해 Base64 인코딩을 사용하는 것인가요?
-
미해결Flutter 초급 - Http통신, 상태관리
pubspec.yaml 파일에서 Pub get이 안됩니다.
좀 더 상세한 코드입니다.name: flutter_cart_bloc_exam description: A new Flutter application. version: 1.0.0+1 environment: sdk: ">=2.12.0 <3.0.0" dependencies: flutter: sdk: flutter cupertino_icons: ^0.1.2 flutter_bloc: ^7.0.0 http: ^0.12.0+1 dev_dependencies: flutter_test: sdk: flutter test: ^1.24.9 test_api: ^0.5.1 flutter: uses-material-design: true처음에 환경의 sdk 관련해서 2.7로 변경한 이후에 null 관련된 정보들 및 다른 분들이 작성한 코드들을 확인하며 수정을 모두 완료했습니다. 그런데 Pub get 관련해서 가져오더라도 계속 오류가 발생하네요.@override bool updateShouldNotify(InheritedWidget oldWidget) => true; static CartBloc of(BuildContext context) => (context.dependOnInheritedWidgetOfExactType<CartProvider>() as CartProvider) .cartBloc;어떻게든 맞춰서 실행을 해봤지만 실행 버전이 달라 마이그레이션이 필요하다는 오류를 다시한번 받게 되었습니다. . . + 안드로이드의 gradle 파일이 잘못되었고, 버전이 잘못되었다는 오류가 발생해서 다시 롤백 후 삽질을 해봤습니다. 그래서 sdk가 2.7이어야만 하는 것인가? 생각이 되어 별도의 삽질을 해봤는데 안되네요. 아무래도 제가 깃에서 클론받은 프로젝트로 진행하다보니 이러한 문제가 발생했다고 생각이 되는데 혹시 해결책이 따로 있을까요? 일단은 새로 프로젝트 생성해서 처음부터 다시 진행해 볼 예정입니다. 제가 궁금한 부분은 git에서 클론받은 프로젝트가 있을 때 그래도 pubspec.yaml 파일에서의 라이브러리를 불러오는 것까지는 필요할 것 같은데( + 추후에 버전이 달라질 경우 운영 중인 프로젝트를 새로 만드는 것은 말이 안되기 때문에), 혹시 어느 키워드로 파고들어서 찾아야 할지, 혹은 별도의 해결책이 있으신지가 궁금합니다. 감사합니다.!