173만명의 커뮤니티!! 함께 토론해봐요.
미해결
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
안녕하세요. 수준 높은 강의 너무 잘 보고 있습니다. 혹시 전체 프로젝트 최종 코드도 깃허브 레퍼지토리가 있을까요? 새로운 프로젝트로 연습 할 때 최종 코드를 참고해가면서 복습하고 싶은데 각 챕터별 보일러 프로젝트만 있는 것 같아서요.
미해결
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
다른 질문에서 답해주시는 api키 활성화도 되어있는것 같고 api키도 제대로 복사해서 붙여넣기 했는 지도가 안나오네요.
미해결
Flutter 중급 1편 - 클린 아키텍처
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 클린아키텍쳐를 열심히 학습중인데요 추상클래스(noteRepository)를 만드는 이유가 테스트가 원활하게 가능하게 추상클래스를 만든다고 했는데 그러면 테스트코드를 작성할때 추상클래스(noteRepository)에 대한 테스트와 구현체 클래스(noteRepositoryImpl)에 대한 테스트를 각각 작성하는게 좋은 방법일까요? 그렇다면 추상클래스는 메서드만 정의되어있는 상태인데 어떤방식으로 테스트코드를 작성해야할까요?
미해결
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
안녕하세요. flutter 강의 에서 android studio 시뮬레이터로 hello_world를 돌렸는데요. 아래와 같이 에러가 출력 됩니다. cache도 지워보고 build.gradle의 코틀린 버전도 올리고 flutter clean, flutter pub get 한 뒤에 재실행 해도 동일한데요. 아래 Command를 실행하면 정상적으로 작업이 되는거 같은데... 뭐가 문제인지 알 수 있을까요? ###Error msg Launching lib\main.dart on sdk gphone64 x86 64 in debug mode... Running Gradle task 'assembleDebug'... √ Built build\app\outputs\flutter-apk\app-debug.apk. ERROR: dump failed because resource androidmanifest.xml not found Failed to extract manifest from APK: ProcessException: The command failed Command: C:\Users\wookheon.lee\AppData\Local\Android\sdk\build-tools\34.0.0\aapt dump xmltree C:\study\hello_world\build\app\outputs\flutter-apk\app-debug.apk AndroidManifest.xml. Exception: Problem building Android application: see above error(s).
미해결
Flutter 초입문 왕초보편
영상의 코드와 다른게 보이지 않으나... (영상의 코드) (제가 작성 한 코드) 플로팅버튼도 보이지 않습니다.... 버튼이 보이지 않더라도 영상상 위치 지점을 클릭했을시 run 쪽에서 클릭 반응도 없구요... 그리고 아까 답변 감사히 보고 앱 바쪽에 backgroundColor: Colors.amber 선언도 했는데 앱바쪽 색상이 안 변합니다. 선언 한 위치가 문제였을까요....? 진짜 생초보라 번거롭게 만들어드리는것 같아서 죄송스럽네요.. 어느 부분이 틀린지 감도 안 잡혀 통채로 올려봅니다. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple), useMaterial3: true, ), home: const MyHomePage(), ); } } class MyHomePage extends StatefulWidget { const MyHomePage({super.key}); @override State<MyHomePage> createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('홈'), backgroundColor: Colors.amber), body: Center( child: Text( '0', style: TextStyle(color: Colors.red, fontSize: 70), ), ), floatingActionButton: FloatingActionButton( onPressed: () { print('클릭'); }, child: Icon(Icons.add), ), ); } }
미해결
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
안녕하세요 코드팩토리님 강의 잘 듣고 있습니다. 다름이 아니라 섹션 23 'CategoryCard 제작하기' 강의에 1:32 쯤에 SliverToBoxAdapter 를 CustomScrollView 강의때 알려 주셨다고 하셨는데. CustomScrollView 강의 4개 다시 봤는데 안보여서요. 제가 못찼는 건지 SliverToBoxAdapte 강의가 목록에서 빠진 건지 확인 부탁 드립니다.
미해결
Flutter 초입문 왕초보편
안녕하세요 강의 내용상으로는 stful을 입력시 이런 코드가 작성된다고 들었으나 제가 할때는 이런 화면이 나오더라구요 그래서 안드로이드스튜디오가 버전이 다른가 싶어서 3강 윈도우 세팅 영상을 다시 보니 (강사님 영상에는 벌 모양이 나오고 제 pc에서는 캥거루가 나오더라구요) 제목은 플라밍고, 영상은 안드로이드스튜디오 2021.1.1.21 patch 1 버전이라고 하나... 구버전 받는 곳을 찾아서 확인 해보니 안드로이드스튜디오 2021.1.1.21 patch 1 버전도, 플라밍고도 두가지 모두 보이지 않습니다. 코드가 다르다보니 구현중 타이틀 구현이 안되서 어느부분에서 오류가 있나 찾아보기에도 불편함이 있습니다. 실제로 강의 내용 중 appbar 구현을 하는 부분에서도 영상에서는 앱바가 나오나 제가 구현 한 앱에서는 앱바는 나오지 않습니다. 해당 캡쳐본에는 안 나와 있으나 "홈" 글자를 넣는것까지는 구현 됩니다. 어떻게 해야할까요???
미해결
파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
강사님 안녕하세요 강사님 강의 덕분에 저 혼자서 페이지도 만들고 nginx 사용해서 서버까지 배포해보았습니다. 다름이 아니라 3일전 까지만 해도 느리긴 했지만 잘 되던 서버가 오늘 서버내의 기능을 사용할려고 하니 502 bad gateway를 내 뱉으면서 멈춰버립니다.(되다가 안되다가 반복함) 그래서 error 로그를 찾아보니 2023/11/01 00:20:22 [error] 10930#10930: *232 upstream prematurely closed connection while reading response header from upstream 라고 뜨네요 3일동안 해봤는데 헛발짓만 했네용.. gpt한테 물어봐도 메모리 리소스, 네트워크 문제 , 응답시간 문제 등 이라곤 하는데 메모리랑 네트워크에는 아무런 문제가 없는거 같습니다. 3일전까지만 해도 잘되던 서버가 안되니까 많이 답답하네요..
미해결
[코드팩토리] [중급] 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, 인증로직 등 중수가 되기 위한 필수 스킬들!
계속 이부분에서 오류가 나는데, 오류 설명이 이렇습니다. 어떻게 해결해야 할까요.. lib/common/provider/go_router.dart:15:24: Error: The argument type 'String? Function(GoRouterState)' can't be assigned to the parameter type 'FutureOr<String?> Function(BuildContext, GoRouterState)?'. - 'GoRouterState' is from 'package:go_router/src/state.dart' ('../../AppData/Local/Pub/Cache/hosted/pub.dev/go_router-12.0.1/lib/src/state.dart'). - 'BuildContext' is from 'package:flutter/src/widgets/framework.dart' ('/C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart'). redirect: provider.redirectLogic, ^ Restarted application in 587ms. ------------------------------------------------------ 위부분의 문제를 redirectLogic을 타고들어가 기존 제너릭 앞에 buildContext context를 넣어주니 오류는 사라졌습니다. 그런데 앱실행 후에 또 다른 문제가 발생했습니다; 화면은 계속 이 상태에 머물러 있고, 에러는 이렇게 뜹니다. 이건 어떻게 해야할까요ㅠㅠ [ERROR:flutter/runtime/dart_vm_ initializer.cc (41)] Unhandled Exception: DioException [bad response]: The request returned an invalid status code of 401. E/flutter (13865): #0 DioMixin.fetch.<anonymous closure> (package:dio/src/dio_mixin.dart:507:7) E/flutter (13865): #1 _RootZone.runUnary (dart:async/zone.dart:1661:54) E/flutter (13865): #2 FutureListener.handleError (dart:async/future impl.dart:174:22) E/flutter (13865): #3 Future._propagateToListeners.handleError (dart:async/future_impl.dart:852:47) E/flutter (13865): #4 Future._propagateToListeners (dart:async/future_impl.dart:873:13) E/flutter (13865): #5 Future._completeError (dart:async/future_impl.dart:649:5) E/flutter (13865): #6 SyncCompleter. completeError (dart:async/future_impl.dart:60:12) E/flutter (13865): #7 Completer.completeError (dart:async/future impl.dart:26:5) E/flutter (13865): #8 Future.any.onError (dart:async/future.dart:620:45) E/flutter (13865): #9 _RootZone.runBinary (dart:async/zone.dart:1666:54) E/flutter (13865): #10 FutureListener.handleError (dart:async/future impl.dart:171:22) E/flutter (13865): #11 Future._propagateToListeners.handleError (dart:async/future_impl.dart:852:47) E/flutter (13865): #12 Future._propagateToListeners (dart:async/future_impl.dart:873:13) E/flutter (13865): #13 Future._completeError (dart:async/future_impl.dart:649:5) E/flutter (13865): #14 Future._asyncCompleteError.<anonymous closure> (dart:async/future_impl.dart:739:7) E/flutter (13865): #15 microtaskLoop (dart:async/schedule microtask.dart:40:21) E/flutter (13865): #16 startMicrotaskLoop (dart:async/schedule microtask.dart:49:5) 일부 서치글을 통해 에뮬레이터 앱을 지우고 새로 여니 로그인화면으로 넘어갔습니다! 이 문제는 해결됐습니다~
미해결
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
아래 화면을 구현했습니다. 그런데 재시작을 할 때마다, 아래와 같은 오류가 뜹니다. ======== Exception caught by widgets library ======================================================= The following assertion was thrown while finalizing the widget tree: _PaginationListViewState<IModelWithId>.dispose failed to call super.dispose. dispose() implementations must always call their superclass dispose() method, to ensure that all the resources used by the widget are fully released. When the exception was thrown, this was the stack: #0 StatefulElement.unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:5513:7) #1 StatefulElement.unmount (package:flutter/src/widgets/framework.dart:5520:6) #2 ConsumerStatefulElement.unmount (package:flutter_riverpod/src/consumer.dart:578:11) #3 InactiveElements. unmount (package:flutter/src/widgets/framework.dart:1952:13) #4 InactiveElements. unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:1950:7) #5 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:5349:14) #6 InactiveElements. unmount (package:flutter/src/widgets/framework.dart:1948:13) #7 InactiveElements. unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:1950:7) #8 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:5349:14) #9 InactiveElements. unmount (package:flutter/src/widgets/framework.dart:1948:13) #10 InactiveElements. unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:1950:7) #11 SingleChildRenderObjectElement.visitChildren (package:flutter/src/widgets/framework.dart:6420:14) #12 InactiveElements. unmount (package:flutter/src/widgets/framework.dart:1948:13) #13 InactiveElements. unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:1950:7) #14 SingleChildRenderObjectElement.visitChildren (package:flutter/src/widgets/framework.dart:6420:14) #15 InactiveElements. unmount (package:flutter/src/widgets/framework.dart:1948:13) #16 InactiveElements. unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:1950:7) #17 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:5349:14) #18 InactiveElements. unmount (package:flutter/src/widgets/framework.dart:1948:13) #19 InactiveElements. unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:1950:7) #20 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:5349:14) #21 InactiveElements. unmount (package:flutter/src/widgets/framework.dart:1948:13) #22 InactiveElements. unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:1950:7) #23 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:5349:14) #24 InactiveElements. unmount (package:flutter/src/widgets/framework.dart:1948:13) #25 InactiveElements. unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:1950:7) #26 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:5349:14) #27 InactiveElements. unmount (package:flutter/src/widgets/framework.dart:1948:13) #28 InactiveElements. unmount.<anonymous closure> (package:flutter/src/widgets/framework.dart:1950:7) #29 ComponentElement.visitChildren (package:flutter/src/widgets/framework.dart:5349:14) #30 InactiveElements. unmount (package:flutter/src/widgets/framework.dart:1948:13) #31 ListIterable.forEach (dart:_internal/iterable.dart:39:13) #32 InactiveElements. unmountAll (package:flutter/src/widgets/framework.dart:1961:25) #33 BuildOwner.lockState (package:flutter/src/widgets/framework.dart:2639:15) #34 BuildOwner.finalizeTree (package:flutter/src/widgets/framework.dart:3049:7) #35 WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:919:19) #36 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:360:5) #37 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1297:15) #38 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1227:9) #39 SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:1085:5) #40 _invoke (dart:ui/hooks.dart:170:13) #41 PlatformDispatcher._drawFrame (dart:ui/platform_dispatcher.dart:401:5) #42 _drawFrame (dart:ui/hooks.dart:140:31)
미해결
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
Select 실습중에 final state = ref.watch(selectProvider.select((value)=>value.isSpicy)); 해당 코드에서 질문이 있습니다! 불필요한 빌드를 막기위해 특정 변수만 watch를 하면서 특정 부분만 랜더링을 다시 하는 부분으로 제가 이해를 했습니다. 근데 저렇게 할 경우, 변수별로 저렇게 select를 하면 나중에는 코드가 엄청 길어질 수 있을것 같은데, 코드를 가독성 좋게 관리할 수 있는 방법이 혹시 있을까요??
미해결
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
[ 질문1 ] 7_query_parameter.dart 에서 ~of(context). 다음에 queryParameters가 자동으로 뜨지 않습니다. 6번의 pathPameters는 떠서 구현했는데, 이건 안뜨네요, 그래서 ~.uri.queryParameters로 하니까 떠서 일단 이걸로 선택해봤습니다. 그랬더니 화면이 조금 차이가 있었습니다. 일단 코드입니다. import 'package:flutter/material.dart'; import 'package:go_router/go_router.dart'; import 'package:go_router_v7_actual/layout/default_layout.dart'; class QueryParameterScreen extends StatelessWidget { const QueryParameterScreen({super.key}); @override Widget build(BuildContext context) { return DefaultLayout( body: ListView( children: [ Text( 'Query Parameter : ${GoRouterState.of(context).uri.queryParameters}'), // /query_parameter?utm=google&source=123 // /query_parameter?name=codefactory&age=32 ElevatedButton( onPressed: () { context.push( Uri( path: '/query_param', queryParameters: { 'name': 'codefactory', 'age': '32', }, ).toString(), ); }, child: Text( 'Query Parameter', ), ), ], ), ); } } 그리고 이건 화면인데요, title 뒤에 길게 이어진 text가 없습니다.그리고 버튼을 누를때마다 아래와 같은 페이지만 반복적으로 뜹니다. [ 질문2] go nest에서 네비게이션의 selectColor와 실제 선택이 일치하지 않습니다.ㅠㅠ 코드를 여러번 검토하며 뭐가 틀렸는지 수없이 봤는데, 못찾았습니다..
미해결
Flutter 초입문 왕초보편
알려주신데로 코드 작성하면 어던 부분이 잘못되었는지 모르겠으나 정상 동작하지 않습니다. (입력 값 모두 입력 시 결과 화면으로 넘어가지 않음.) 인터넷 찾아보고 아래 처럽 바꾸니 정상 동작하는데, 어떤 것이 잘못된 것인지 알려주시면 감사하겠습니다. 동작 코드 if (_formKey.currentState!.validate()) { Navigator.push( context, MaterialPageRoute( builder: (context) => const ResultScreen( height: 175, weight: 1000, ), ), ); } 이상 코드(강의 내용 / 입력값중 빈곳이 있는 경우 결과 화면으로 이동) onPressed: () { if (_formKey.currentState?.validate() ?? false) { return; } Navigator.push( context, MaterialPageRoute( builder: (context) => const ResultScreen( height: 175, weight: 1000, ), ), ); }, 잘못된 곳 설명 부탁 드립니다.
미해결
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
import 'package:flutter/material.dart'; import 'package:webview_flutter/webview_flutter.dart'; import 'package:url_launcher/url_launcher.dart'; final homeUrl = Uri.parse('https://blog.codefactory.ai'); class HomeScreen extends StatelessWidget { WebViewController controller = WebViewController() ..setJavaScriptMode(JavaScriptMode.unrestricted) ..loadRequest(homeUrl) ..setNavigationDelegate(NavigationDelegate( onProgress: (int progress){}, onWebResourceError: (error){}, onNavigationRequest: (request) { if (request.url.startsWith('tel:')) { launch( request.url, forceSafariVC: false, // true로 설정하면 Safari View Controller에서 열릴 수 있습니다. universalLinksOnly: false, // iOS에서만 사용됩니다. enableJavaScript: true, // JavaScript 활성화 // headers: <String, String>{}, // 추가 헤더 (옵션) ); return NavigationDecision.prevent; } return NavigationDecision.navigate; }, )); HomeScreen({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Code Factory'), centerTitle: true, actions: [ IconButton( onPressed: (){ controller.loadRequest(homeUrl); }, icon: Icon( Icons.home, ), ), ], ), body: WebViewWidget( controller: controller, ), ); } } webview_flutter: ^4.0.2 url_launcher: 잘 실행은 되는데 launch 에 가운데선을 없애기 위해서는 어떻게 해야 하나요.
해결됨
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
안녕하세요~! 클래스 생성 vs 함수 생성 관련해서 문의 드립니다. 이미 비슷한 질문에 대한 답변을 다 확인하였는데 여전히 궁금한점이 남아서요. 코드 정리를 할때 어떤때는 함수로 리턴해주고 어떤때는 클래스로 만들어서 build함수에서 리턴을 해주는걸로 알고 있습니다. 질문 1. 코드 정리를 할때 어떤건 함수로, 어떤건 클래스로, 이러한 판단은 상속하고 있는 parent를 모두 확인하고 매번 결정하시는건가요? 강의에서는 바로바로 결정을 하시고 진행하시는데 어떤 판단으로 하시는지 궁금합니다. 질문 2. AppBar의 경우 PreferredSizeWidget를 구현해야 해서 클래스로 만들수가 없는경우인것은 알겠습니다. 그렇다면 그 외에 구현해야할 부모 클래스가 없다면 모두 class로 만들면 될까요? 가령 Text는 StatelessWidget를 상속받고 있고 Expanded는 Flexible을 상속받고 있습니다.(결국 타고 올라가면 모두 Widget을 상속받고 있습니다). 이런경우 둘다 implement해줘야 할것은 없기에 클래스로 빼도 무관한 걸까요? 다른 분들도 비슷한 질문을 많이 하셨지만 확실히 어떤때는 클래스인지, 어떤때는 함수인지에 대한 부분이 많이 헷갈리고 있습니다. 도와주세요~!!
미해결
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
안녕하세요 섹션 31 댓글 기능 구현 과제 중 궁금한 점이 있어 질문 남깁니다 댓글 리스트의 수정 아이콘 클릭 시 사진과 같은 화면이 나오도록 했고, 댓글 등록하기 presenter component를 재사용 했습니다 댓글 리스트 presenter 파일입니다 export default function CommentListUI(props) { return ( <S.Wrapper> {props.data?.fetchBoardComments.map((item) => ( <S.CommentListWrapper key={item._id}> {props.isEdit && props.commentId === item._id ? ( <CommentWriteUI></CommentWriteUI> ) : ( <S.Comment_Container> <S.profile_icon src="/02/profile_icon.png"></S.profile_icon> <S.Content_container> <S.Name_Star_container> <S.Text style={{ fontWeight: "600" }}>{item.writer}</S.Text> <S.ReviewStar_container style={{ marginLeft: "16px" }}> <S.StarDiv></S.StarDiv> <S.StarDiv></S.StarDiv> <S.StarDiv></S.StarDiv> <S.StarDiv></S.StarDiv> <S.StarDiv></S.StarDiv> </S.ReviewStar_container> </S.Name_Star_container> <S.Text style={{ marginTop: "-15px", fontWeight: "500" }}> {item.contents} </S.Text> <S.Text style={{ fontSize: "12px", fontWeight: "400", color: "#BDBDBD", }} > {getDate(item.createdAt)} </S.Text> </S.Content_container> <S.Icon_container> <S.Icon style={{ backgroundImage: `url("/createComment.png")` }} onClick={() => props.onClickTEST(item._id)} ></S.Icon> <S.Icon style={{ backgroundImage: `url("/clear.png")` }} onClick={() => props.onClickDelete(item._id)} ></S.Icon> </S.Icon_container> </S.Comment_Container> )} </S.CommentListWrapper> ))} </S.Wrapper> ); } 삼항연산자를 사용해 나오는 화면을 다르게 했습니다 isEdit 변수는 수정하기 아이콘 클릭 시 true로 바뀌고, 삼항연산자 조건에 isEdit 변수만 사용하니 수정 아이콘을 클릭하지 않은 다른 댓글 리스트가 사라지면서 재사용한 댓글 등록 presenter 파일만 화면에 나와서 조건은 위와 같이 작성했습니다 여기서 문제는 수정 아이콘을 클릭해 나오는 댓글 등록 창은 container 파일에 작성한 함수가 작동하지 않는 것입니다 댓글 리스트 container 파일입니다 export default function CommentList() { const { data } = useQuery(FETCH_COMMENTS); const [deleteBoardComment] = useMutation(DELETE_COMMENTS); const onClickDelete = async (item) => { const pw = prompt("비밀번호를 입력해주세요."); try { await deleteBoardComment({ variables: { pw: pw, boardCommentId: item, }, refetchQueries: [{ query: FETCH_COMMENTS }], }); alert("삭제되었습니다."); } catch (error) { alert(error.message); } }; // 수정하기 아이콘 클릭 시 화면 변화 const [isEdit, setIsEdit] = useState(false); const [commentId, setCommentId] = useState(); const onClickTEST = (item) => { setIsEdit(true); setCommentId(item); }; // console.log(commentId); return ( <CommentListUI data={data} onClickDelete={onClickDelete} onClickTEST={onClickTEST} isEdit={isEdit} commentId={commentId} ></CommentListUI> ); } 댓글 등록 container 파일입니다 const [updateBoardComment] = useMutation(UPDATE_BOARD_COMMENT); const onClickUpdate = () => { // updateBoardComment({ // variables: { // updateBoardCommentInput: { // contents: contents, // rating: 0 // }, // password: pw, // boardCommentId: // } // }) console.log("Test"); }; return ( <> <CommentWriteUI onChangeWriter={onChangeWriter} onChangePw={onChangePw} onChangeContents={onChangeContents} onClickUpdate={onClickUpdate} ></CommentWriteUI> </> ); } onClickUpdate 함수는 댓글 작성 presenter 파일의 등록하기 버튼에 연결되어 있습니다 상세 페이지 로딩 시 나오는 댓글 등록창은 버튼 클릭 시 콘솔이 제대로 나오는데 댓글 리스트 수정 아이콘을 눌러 나오는 댓글 등록창에서는 버튼을 눌러도 콘솔 자체가 나오지 않습니다 댓글 과제 가이드를 확인해서 어떻게 수정하면 좋을지는 알았지만, 궁금한 점이 해소되지 않네요 궁금한 점은 삼항연산자, map 등 기능의 속성을 제대로 알지 못한 채 사용한 문제인지 코드 자체를 잘못 작성한 것인지 추가로 rating(별점) 데이터 활용법에 대한 힌트를 얻고 싶습니다 rating 값 1 = 별 1개 인가요? rating 숫자 데이터가 별과 어떻게 연결되는지 잘 모르겠습니다 부족한 점이 많아 질문이 너무 길어졌네요 항상 감사합니다
미해결
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
질문 1번 id: state.pathParameter~만 나오고 id: state.params~는 나오지않고 에러만 뜨네요 질문2번 redirect: provider.redirectLogic(state) 이렇게만 나오고 redirect: provider.redirectLogic 입력하면 에러가 나옵니다
미해결
Flutter 초입문 왕초보편
Webview 버전을 4.0 → 3.0.4로 바꾼 후에, 아래와 같은 오류가 발생하였습니다. 인터넷에 찾아봐도 내용이 안 나와서 문의드립니다. 어떻게 해결할 수 있을까요? 오류 문구 : lib/main.dart: Error: Error when reading '.dart_tool/flutter_build/dart_plugin_registrant.dart': 지정된 경로를 찾을 수 없습니다.
미해결
Airflow 마스터 클래스
WSL 설치시 하위시스템이 이미 설치되어있습니다. 라고 나오는데 Ubuntu 22.04.1 LTS는 없네요. 이미지 다운 어떻게 받아서 설치하나요?
