[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
아래의 코드중에 온탭 생성자 부분에서 바로 onTap(e)를 사용하지 않고 보이드콜백 함수로 감싸줘야하는 이유가 child: GestureDetector( onTap: () { ontap(e); }, 해당 부분에서 onTap 메소드? 함수가 받는 형식은 제스처콜백 타입으로 typedef GestureTapCallback = void Function(); 이지만 저희가 생성한 새로운 자료형은 void Function(String selectedColorName); 형태이기때문에 완전한 형식을 지켜주는 (){} 형태가 최 상단에 위치하고 그 아래에 저희가 사용하고자 하는 형태로 만들어진 함수를 다시 불러와줌으로서 논리적으로 작동하게 만들어주는게 맞나요? 생성한 onTap함수만 넣어서 에러를 읽어봤는데 제대로 이해가 안되서 질문 남깁니다.
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
안녕하세요 코팩님 전자액자 복습 중에 문득 헷갈리는게 생겨서 질문드립니다. class _HomeScreenState extends State<HomeScreen> { Timer? timer; PageController controller = PageController(); 여기에서 controller 부분이 잘 이해가 안 가는데요, controller를 사용하려면 위와 같이 PageController controller = PageController(); 와 같은 형식으로 정의를 해야하는 건가요? 웹뷰 프로젝트에서도 controller 정의하실때 WebviewController controller = WebviewController()..~~ 식으로 정의하셨는데, 위와 같은 형식으로 정의를 하는 것인지와 또 controller 바로 앞 타입의 정체와 우항의 정체는 정확히 무엇인지 궁금합니다. 좌항 controller 앞의 PageController는 무엇의 타입이고 (정체가 무엇인지), 우항도 정체가 무엇인지, 또 controller를 사용하고자 하면 저런 형식으로 정의해야하는 것인지 궁금합니다!
안녕하세요 선생님 !! 강의 잘보고 있습니다. Provider : 수신측에 변경 사항을 알리지 않음 라고 하셔서 코드를 작성해보았습니다. countprovider안에서 ref.watch(towProvider) 사용해봤는데요 우선 여기서 watch를 써서 상태가 바뀐건 이해합니다. 그래서 "counter 생성자" 가 계속 출력되고요 . 근데 main함수에서 counterProvider 를 ref.watch 했는데 화면이 계속 갱신 되는 건 이해가 가지 않습니다. 수신측에 변경 사항을 알리지 않음 이라고 하셔서 여기서는 호출해도 변함이 없겠구나 라고 생각했습니다... import 'package:flutter/material.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; final towProvider= NotifierProvider<Two, int>( (){return Two();} ); final counterProvider = Provider<Counter>((ref) { print("hello"); int num=ref.watch(towProvider); return Counter(num:num);}); class Two extends Notifier<int>{ Two(){ print("Two 생성자"); } @override int build() => 0; int add() => state++; } class Counter { Counter ({required this.num}){ print("Counter 생성자"); } int num; int getIncreasedNumber() => num ++; } void main() { runApp( const ProviderScope( child: MaterialApp( debugShowCheckedModeBanner: false, home: MyApp(), ), ), ); } class MyApp extends ConsumerWidget { const MyApp({super.key}); @override Widget build(BuildContext context, WidgetRef ref) { print("build"); Counter counter = ref.watch(counterProvider); return Scaffold( body: Center( child: Text( "${counter.num}", style: const TextStyle( fontSize: 24, ), ), ), floatingActionButton: FloatingActionButton( onPressed: (){ref.read(towProvider.notifier).add();}, child: const Icon(Icons.add), ), ); } }
안녕하세요. 클린아키텍쳐에 대해 다시 공부하다가 근본적인 궁금증이 생겨서 질문 드립니다. 저는 강사님 강의를 수강하였고 구글에 여러 레포지토리를 참고하며 아래 구조로 프로젝트를 진행하였습니다. 그러나 최근 java + spring architecture 를 공부하다가 모바일쪽의 클린아키텍쳐와 일부 개념이 충돌하여 혼란을 겪고 있습니다. 위의 그림과 같이 바깥의 presentation/repository 와 같은 계층이 usecase 를 의존하여 개발해야 비즈니스로직(usecase / entity) 가 presentation/repository 의 변화의 의존적이지 않고 온전한 비즈니스 로직을 구현할 수 있습니다. 이러한 문제를 해결하기 위해 백엔드 진영에서는 헥사고날 아키텍쳐로 구현하는 듯 합니다. 참고) https://www.youtube.com/watch?v=saxHxoUeeSw 04:00 ~ 06:30, 08:20 ~ 14:00 모바일 진영에서는 domain layer 의 usecase 가 repository 를 그대로 참조하고 있어(물론 개념적으로는 인터페이스를 참조) repository 의 변경에 따른 usecase 변화로 비즈니스로직 및 도메인이 손상될 수 있다고 생각하는데 대부분 그냥 사용하고 있습니다. 그래서 제가 잘 못 이해한 것인지 아니면 다른 이유가 있는 것인지 강사님의 의견이 궁금합니다. 또한 Flutter 테스트 기초 다음 강의는 언제 나오는지도 궁금합니다 ㅎㅎ 감사합니다.
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
안녕하세요~ 강의를 다 듣고 나니 질문이 있습니다 login screen의 상태관리에 대한 질문인데요! id, pw를 강의에서는 그냥 String username = ''; String password = ''; 로 View내부에 선언하고 TextField의 onChanged를 통해서 저 값들을 변경하고 ref .read(userMeProvider.notifier) .login(username: username, password: password); 이런식으로 넘겨주었는데, username, password 값도 상태관리를 하려면 또 이거에 관련된 프로바이더를 만들어야 하는건가요?? 추가로 id, pw값에 따라 button을 enabled - disabled 시키려면 또 이거와 관련된 프로바이더를 추가로 만들어야 하는건가요?? 이런식으로 하면 한 화면에서도 프로바이더가 굉장히 많이 만들어지게 되는데 이런 방식이 맞는지 궁금합니다.. 또 그 화면에서만 쓰는데도 전역으로 프로바이더들이 굉장히 많이 선언될거같아요.. 강의에서는 되게 굵직굵직한 data들을 전역 provider로 만들어서 굉장히 편했는데, 앱을 개발하다보면 그 화면에서만 필요한 데이터들도 많을거고 단순히 버튼 상태처럼 bool값도 엄청 많을텐데 추후 테스트를 위해서 로직을 분리하려면 이런것도 싹 다 프로바이더로 만들어야 하는것인가요..?
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
리프레시 토큰이 만료될 때 바로 login screen으로 이동하는 것이 아니라 다이얼로그를 띄운 후 확인 버튼을 누르면 화면 이동을 하고 싶은데 이 showDialog를 어디서 해야 할지 난관에 빠졌습니다. 현재는 리프레시가 만료되면 dio interceptor에서 authProvider의 logout() 을 통해 userMeProvider의 logout()을 호출해 state를 null로 만들고, goRouter가 state가 null이면 바로 로그인 스크린으로 redirect 시키고 있는데 이 흐름이 뷰에서 이루어지는 것이 아니라서 context가 필요한 showDialog를 어느 부분에서 구현해야 할지 감이 안 잡힙니다. state를 null로 만들기 전에 다이얼로그를 띄우려면 AuthProvider에서 userMeProvider의 logout를 호출하기 전에 실행되어야 할 것 같기도 한데 logout() { // showDialog()??? ref.read(userMeProvider.notifier).logout(); } 결국 view단에서 호출하는 것이 아니기 때문에 context를 얻어올 방법이 떠오르지 않네요...
안녕하세요. 동영상 강의를 응용해서 댓글을 저장하는것과 같이 어떤 Post에 이미지들을 upload하고 이것들을 subcollection에서 string으로 url로 저장되도록 하였습니다. 버튼에 bottomshow를 이용해서 댓글목록이 아닌 해당 post에 대한 사진 목록을 보여주고 싶어서 시도해보고 있는데요. image에서 archi_picture(subcollection) doc에서 imageUrl이라고 설정한 string은 선택할 수 없는데 어떤방식으로 접근해야할지 모르겠습니다. 프로그래밍을 하나도 모르는 상태에서 시작해서. 많이 어렵네요. 갤러리 창을 만든 다음에는 선택한 사진또는 전체를 선택해서 다운로드 받을 수 있는 기능을 만들고 싶습니다.
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
안녕하세요. 코팩님 초급 강의 듣다가 이제 중급으로 과감히 넘어온 수강생입니다 ! 첫번째 챕터를 하면서 styleFrom() 에서 막혔는데, 질문들 훑어 보고 한 번 해결해 봤는데 이대로 강의에 적용하면 되나요? ElevatedButton( onPressed: () {}, style: ElevatedButton.styleFrom( foregroundColor: PRIMARY_COLOR, ), child: Text('로그인'), ), TextButton( onPressed: () {}, style: TextButton.styleFrom( foregroundColor: Colors.black, ), child: Text('회원가입'), ), 그리고, IOS랑 Android는 버튼 색감 자체가 차이가 있는 거기 때문에 색감 같은거는 앞으로 감안하면서 들으면 되는 건지요 ?? ㅎㅎ
