묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
구글지도 사용하기 중 코드 질문..
아래 코드에서 _HomeScreenState 클래스에서 appBar와 Body를 나누신 후에, 코드 정리중 appBar는 함수로, _CustomGoogleMap과 ChooCheckButton은 위젯으로 분리하여 만들어주셨는데, 그 이유가 뭔가요? appBar는 위젯으로 관리를 하면 안되는건가요? import 'package:flutter/material.dart'; import 'package:google_maps_flutter/google_maps_flutter.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State<HomeScreen> createState() => _HomeScreenState(); } class _HomeScreenState extends State<HomeScreen> { static final LatLng companyLatLng = LatLng(37.5233273, 126.921252); static final CameraPosition initialPosition = CameraPosition( target: companyLatLng, zoom: 15, ); @override Widget build(BuildContext context) { return Scaffold( appBar: renderAppbar(), body: Column( children: [ _CustomGoogleMap(initialPosition: initialPosition), _ChoolCheckButton(), ], ), ); } AppBar renderAppbar() { return AppBar( title: Text( '오늘도 출근', style: TextStyle( color: Colors.blue, fontWeight: FontWeight.w700, ), ), backgroundColor: Colors.white, ); } } class _CustomGoogleMap extends StatelessWidget { final CameraPosition initialPosition; const _CustomGoogleMap({ required this.initialPosition, Key? key, }) : super(key: key); @override Widget build(BuildContext context) { return Expanded( flex: 5, child: GoogleMap( mapType: MapType.normal, initialCameraPosition: initialPosition, ), ); } } class _ChoolCheckButton extends StatelessWidget { const _ChoolCheckButton({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Expanded( child: Text( '출근', ), ); } }
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
StateNotifierProvider 관련
강의 3:53초에 StateNotifierProvider의 제네릭에 <PaginationProvider, CursorPaginationBase>를 넣으셨는데 왜 PaginationProvider를 넣으셨는지 이해가 안돼요. 레스토랑 프로바이더 부분에서는 첫번째 제네릭으로 RestaurantStateNotifier가 들어가는데, ListView 일반화하는 코드에서도 Provider가 아니라 Notifier가 들어가야 하지 않나요???final restaurantProvider = StateNotifierProvider<RestaurantStateNotifier, CursorPaginationBase>( (ref) { final repository = ref.watch(restaurantRepositoryProvider); final notifier = RestaurantStateNotifier(repository: repository); return notifier; }, );
-
미해결Flutter 응용 - 공공 API를 활용한 앱 만들기 (MVVM 패턴)
폴더 구조화 질문
안녕하세요 강의 정말 잘 들었습니다.강의를 들은 후 위치권한 설정 등 기타 상황을 처리하기 위한 분기 로직과 위젯, 화면등을 구성하다 보니 강의에서는 View, Viewmodel, Model, Repository 정도로 나누었던 폴더에 서로 다른 기능의 여러 파일들이 들어가니 알아보기가 쉽지 않은데요,앱의 기능이 많아지고 복잡해지는 경우에는 프로젝트 폴더 구성을 어떻게 하는지 궁금합니다.기능별로 하위에 MVVM으로 폴더를 구성해야 할까요?
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
primary 취소선이 있어요.. 어떻게 하나요?
(사진)
-
해결됨Flutter 앱 개발 기초
강의한 노트를 다운로드 방법
강의한 노트를 다운로드 강의한 노트를 다운 받으려면 어디서, 어떻게 하는지 조언 좀 부탁드립니다. 아무리 찾아도 관련 문서 다운로드 방법을 못찾겟네요,,도움 부탁합니다
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
android sdk android api 29 platform is missing
해당 경고가 위에 떠서 file->settings->language & frameworks -> android sdk들어가서 android 10.0("Q")를 설치하고 컴퓨터 껏다켜봐도 안 없어지네요;; 어떻게 없애죠?
-
미해결처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지)
Provider와 Stateful
보통 위젯이 그려지는 상태가 바뀌는 상황일때는 stful 위젯으로 코드를 작성하는데, Provide강의에서는 Stateless위젯으로도 화면에 그려지는 위젯이 바뀌는 원리가 어떻게 되는건가요?Provider 만의 고유 특징인지 아니면 어떤 예외의 원리가 따로 있는건지 궁금해요!
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
run
RiverPod ConsumerWidget 부분에 Increment(), Decrement() 를 하였을 경우 로그의 내용이 선생님의 화면처럼 명확하게 나오지 않는데...별도의 설정하는 부분이 있을까요? Update / Dispose 이런 내용이 전혀 나오지 않습니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
tag부분
원래 태그는 List<String>.from() 이런식으로 dynamic을 String으로 바꾸어줬던 것 같은데jsonSerializable에서는 List<String>으로 자동으로 바꾸어 주나요? 어떻게 String인지 아나요?
-
해결됨Flutter 중급 3편 - 의존성 주입 가이드
뷰 모델 분리하기
뷰모델을 분리하는 방법에 대해 질문 드립니다.하나의 scaffold (activity) 내에 여러개의 container (fragment : no scaffold) 가 있을 때 각각 프레그 먼트에 뷰모델을 사용하면 좋겠지만 부득이하게 상위 activity 뷰모델에 모든 프레그먼트의 로직을 담당해야 하는 상황에서 각 화면별로 뷰모델을 나누고자 합니다. swift 에서는 클래스 외부에 extension 으로 메소드 들을 기능별로 분리하여 사용하는 것을 알고 있고 dart 에도 extension 이 있어서 사용하려니 extention 할때 changenotifier 의 notifyListeners() 를 사용 할 수가 없어서 어려움을 겪고 있습니다. 다중상속도 지원하지 않기 때문에 어떻게 하면 좋을 지 조언 부탁드립니다. 감사합니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
함수와 stless 클래스
안녕하세요!단어간 중간에 점을 찍는다던가, 아이콘을 텍스트와 묶어서 위젯으로 반환한다던가 하는 일을 할때,언제는 그냥 함수로 구현하고, 언제는 stless 클래스를 만들어서 build하는 형식으로 구현하는데,이 두가지 방법 중 선택하는데 기준이 있나요? 이 둘의 차이점을 크게 모르겠습니다.
-
해결됨Flutter 중급 3편 - 의존성 주입 가이드
네트워크 통신 에러 처리
안녕하세요. 수강 잘 하고 있습니다.dio package를 사용하여 네트워크 처리를 하고 있는데 에러 처리관련해서 어디 부분에서 하는 것이 좋을 지 고민하다가 질문 올립니다.현재는 viewmodel -> usecases -> usecase -> repository -> remoteDataSource -> dio 이렇게 의존성을 받고 있고, remoteDatasource 에서 필요한 데이터만 List<StudentModel> 이런식으로 뷰모델까지 보내고 있습니다. 그러나 네트워크 에러가 발생했을 때는 remoteDataSource에서 List<StudentModel> 이 아닌 실패했을 떄 모델을 전송하게 되는데 (ErrorModel) 그렇게 되면 뷰모델까지 타입이 동적으로 전해지기때문에 이게 맞나 생각이 들기도 합니다.혹은 dio 부분에서 400 500 에러 일때 alert 를 띄울까 생각을 했지만 그렇게 되면 context를 dio 까지 끌고 가야되고 전역으로 관리해야 되서 맞지 않다고 생각했습니다. 실제로는 어떻게 처리하는 것이 현명할지 질문드립니다. 감사합니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
restaurant_repository.g.dart 에러가 발생했어요
이번 강의를 다 듣고 코드를 수정하였습니다만아래 restaurant_repository.g.dart 파일에 pagiante함수에서 queryParameters.addAll(paginationParams?.toJson() ?? <String, dynamic>{}); 이부분에 toJson이 에러가 납니다. 에러 내용은 paginationParams에 toJson 함수가 없어서 입니다.해당 강의에서 강사님 코드에서 toJson을 구현하지 않았는데 어떤 부분을 제가 놓친 것인지 모르겠습니다,@override Future<CursorPagination<RestaurantModel>> paginate( {paginationParams = const PaginationParams()}) async { const _extra = <String, dynamic>{}; final queryParameters = <String, dynamic>{}; queryParameters.addAll(paginationParams?.toJson() ?? <String, dynamic>{}); queryParameters.removeWhere((k, v) => v == null); final _headers = <String, dynamic>{r'accessToken': 'true'}; _headers.removeWhere((k, v) => v == null); final Map<String, dynamic>? _data = null; final _result = await _dio.fetch<Map<String, dynamic>>( _setStreamType<CursorPagination<RestaurantModel>>(Options( method: 'GET', headers: _headers, extra: _extra, ) .compose( _dio.options, '/', queryParameters: queryParameters, data: _data, ) .copyWith(baseUrl: baseUrl ?? _dio.options.baseUrl))); final value = CursorPagination<RestaurantModel>.fromJson( _result.data!, (json) => RestaurantModel.fromJson(json as Map<String, dynamic>), ); return value; }
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
? : 구문을 if문으로 바꾸기
안녕하세요 강사님! if (isWithinRange) Icon( Icons.timelapse_outlined, size: 50.0, color: commuteDone ? Colors.green : isWithinRange ? Colors.blue : Colors.red, ), google Map 활용 강의 중 이 코드를 if 문으로 바꾸려면 어떻게 수정하면 좋을까요?
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
왜 강의에 많은 부분이 생략된 것 같죠??
영상이 원래 이 분량인가요?로그인하는 부분을 구현한 적 없는데 갑자기 로그인이 구현되어 있어서 조금 당황스럽네요..ㄷㄷ혹시 제가 놓친 강의가 있나요?
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
차후 강의관련 질문사항입니다.
제발 파이어베이스를 플러터를 연동해서 앱을 만드는 강의 찍어 올려주시면 안될까요? 제발제발요 따로 강의내셔도 결제하고 들을게요 ㅠㅠ
-
해결됨Flutter 앱 개발 기초
4장 Travia를 이용해서 다른 api에 적용 한줄 가져오려고합니다.
Future<String> getNumberTrivia() async { // get 메소드로 URL 호출 Response result = await Dio().get('https://api.adviceslip.com/advice'); var trivia = result.data['advise']; // 응답 결과 가져오기 print(trivia); return trivia;4장 Travia를 응용해서Json 원본 .. {"slip": { "id": 65, "advice": "When having a clear out"} //한줄 나오는데 분해가 안되네요...두번째 값 문장만 가져 오려면 어떻게 해야하나요?" 이것도 json decode 해야하나요."When having a clear out" ./.....Response result = await Dio().get('https://api.adviceslip.com/advice', queryParameters: {"slip": "advice"},); //이해를 못한건지 .. 쿼리를 넣엇는데 print {"slip": { "id": 224, "advice": "Don't drink bleach."}} Response result = await Dio().get('https://api.adviceslip.com/advice'); final trivia = result.data; // 응답 결과 가져오기 Map<String, dynamic> user = jsonDecode(trivia); print(user.runtimeType); print(user["slip"]); return trivia; _JsonMap{id: 46, advice: Try going commando to an important meeting, NB: don't wear a skirt.} print(user["advice"]); _JsonMapNull { "slip": { "slip_id": "2", "advice": "Smile and the world smiles with you. Frown and you're on your own." } }
-
해결됨Flutter 앱 개발 기초
required this.job vs this.job 차이저미 궁금해요
Bucket(this.job, this.isDone); // 생성자 과 차이점과 유의사항이 궁금합니다. . 형식이 정해지지 않았다 정도로 이해 했었는데요. 저는 아직 잘 모르겠습니다. ^^) __) Bucket({ required this.job, required this.isDone} ); // 생성자
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
로그인 방식에도 차이가 있나요?
안녕하세요 코팩님 로그인 처리시 로그인 방식에 차이가 있는지 여쭈어 보고 싶습니다. 강의에서는 refresh token과 access token을 이용한 방식을 사용하는걸로 알고 있는데요..현재 저희 회사에서 진행하고 있는 프로젝트에서 선임분께서는 다음과 같은 방식으로 로그인 코드를 작성하였는데요.. 무슨 차이인지 여쭈어보고 싶습니다.[login.Screen.dart]
-
미해결Flutter 응용 - 공공 API를 활용한 앱 만들기 (MVVM 패턴)
json 데이터
https://gist.githubusercontent.com/junsuk5/bb7485d5f70974deee920b8f0cd1e2f0/raw/063f64d9b343120c2cb01a6555cf9b38761b1d94/sample.json?lat=37.6255182&lng=127.017747&m=5000https://gist.githubusercontent.com/junsuk5/bb7485d5f70974deee920b8f0cd1e2f0/raw/063f64d9b343120c2cb01a6555cf9b38761b1d94/sample.json body 부분이 같은데 왜그럴까요?? 쿼리문이 작동하지 않고 전체 데이터가 나오네요