묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
보안 및 content type 질문
Token 발급 과정에서 username:password 값을 base64 로 인코딩 후 authorization 헤더에 Basic $token 형태로 전송하는 것이 정석이라고 말씀해주셨습니다.질문1.Basic $token 형태는 인증정보가 그대로 base64 형태로 인코딩해줍니다. 그러면 누군가가 이 패킷을 까보기만 하면 데이터를 알 수 있는 것이 아닌가요..? 이 부분이 이해가 잘 안되네요. 설명부탁드립니다..질문2.추가로 챗gpt 에게 질문했을 때, 로그인할 때 content type 을 application/x-www-form-urlencoded 형태로 보내라고 하는데, 대부분은 json 형태로 전송하더라구요.. 설명부탁드립니다...
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
안녕하세요. 강사님 듣다가 헷갈리는 부분이 있습니다.
ref.watch를 작성하게 되면 ref 값이 변하게 되면 빌드를 다시하는거고ref.listen은 값이 변할때 빌드는 다시하지 않지만 값의 상태를 확인하고 이벤트를 실행해주는 것으로 이해해도 될까요?
-
해결됨[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
영상통화 강의에서 실기기 2개 사용 문의
안녕하세요.영상통화 강의를 끝마치고, 실제 기기 2개(안드로이드, 아이폰)에 같은 코드를 설치해서 실행하면서로 영상통화가 될 줄 알았는데, 각자 상대방 없음으로 뜨면서, 서로 같은 채널에 입장이 안 되었습니다.Agora SDK 설명서에는 채널이름만 같으면 될 것처럼 써 있었는데 제가 잘못 이해한 것인지...선생님 설명대로 서버에서 각 기기마다 토큰을 부여 받아야 하므로기기마다 같은 APP ID에 임시 토큰을 서로 달리 받아야 하는 것인지...실기기 2개로 영상통화 성공하는 것까지 마무리하고 싶습니다. 선생님께서 힌트를 살짝 주시면 감사하겠습니다.
-
해결됨[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
riverpod 2.0 Notifer 관련하여 질문드립니다
riverpod 2.0에서는 StateNotifier대신 Notifier이나 AsyncNotifier를 사용하라고 되어있던데그러면 현재 강의에서 StateNotifer를 Notifier로 바꿀려고하니 의존성주입을 할때,StateNotifierProvider에서 생성자로 ref.watch로 authRepository,userMeRepository,storage를 넣어주는데궁금한것이 1.이를 Notifier에서는 어떻게 넣어주는게 가장 좋은 선택인가요??(생성시에 ref.watch로 한번만 만들기 vs 필요한곳마다 ref.watch사용하기 )초기 생성할때 UserModelLoading()을 한뒤에 state업데이트를 getMe함수에서 하는데 이를 try-finally로 하는것이 맞는 방법인가요?late final AuthRepository, late final UserMeRepository, ... 과 같이 final을 붙일시에 다시 build되는 상황이 생기던데 에러가 뜨던데 final을 안해도 괜찮은건가요?아래는 저가 바꿔본 코드입니다.final userMeProvider = StateNotifierProvider<UserMeStateNotifier,UserModelBase?>((ref) { final authRepository = ref.watch(authRepositoryProvider); final userMeRepository = ref.watch(userMeRepositoryProvider); final storage = ref.watch(secureStorageProvider); return UserMeStateNotifier( authRepository: authRepository, repository: userMeRepository, storage: storage, ); }); class UserMeStateNotifier extends StateNotifier<UserModelBase?> { final AuthRepository authRepository; final UserMeRepository repository; final FlutterSecureStorage storage; UserMeStateNotifier({ required this.authRepository, required this.repository, required this.storage, }) : super(UserModelLoading()) { //내 정보 가져오기기 getMe(); } Future<void> getMe() async { final refreshToken = await storage.read(key: REFRESH_TOKEN_KEY); final accessToken = await storage.read(key: ACCESS_TOKEN_KEY); if (refreshToken == null || accessToken == null) { state = null; return; } final resp = await repository.getMe(); state = resp; } /* *login, logout생략 */ } final userMeProvider = NotifierProvider<UserMeNotifier,UserModelBase?>(UserMeNotifier.new); class UserMeNotifier extends Notifier<UserModelBase?>{ late AuthRepository authRepository; late UserMeRepository repository; late FlutterSecureStorage storage; @override UserModelBase? build() { try{ authRepository = ref.watch(authRepositoryProvider); repository = ref.watch(userMeRepositoryProvider); storage = ref.watch(secureStorageProvider); return UserModelLoading(); }finally{ getMe(); } } Future<void> getMe() async { final refreshToken = await storage.read(key: REFRESH_TOKEN_KEY); final accessToken = await storage.read(key: ACCESS_TOKEN_KEY); if (refreshToken == null || accessToken == null) { state = null; return; } final resp = await repository.getMe(); state = resp; } }
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
throw 에러 했을때 에러 문구 표시.
현재 VScode에서 하고 있는데, 시뮬레이터 상에서 '카메라 또는 마이크 권한이 없습니다.' 가 뜨지않고, 시뮬레이터는 사진과같이 멈춰진상태에서, 사진과 같이 코드상에서 에러 문구가 뜹니다. 단순히 VScode와 Android Studio 의 차이인가요?감사합니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
NoSuchMethodError 해결요청
강의 3번째 보면서 진행중인데 에러 해결이 안되서 문의올립니다.강의는 섹션 5-5 레스토랑 상세요청 구현하기 입니다.The relevant error-causing widget was:FutureBuilder<Map<String, dynamic>> FutureBuilder:file:///D:/flutter_project/baemin/lib/restaurant/view/restaurant_detail_screen.dart:39:1639번 라인은 아래 그림보시면 되겠습니다. - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.코드팩토리 디스코드https://bit.ly/3HzRzUMFlutter 강의를 구매하시면 코드팩토리 디스코드 서버 플러터 프리미엄 채널에 들어오실 수 있습니다! 디스코드 서버에 들어오시고 저에게 메세지로 강의를 구매하신 이메일을 보내주시면 프리미엄 채널에 등록해드려요! 프리미엄 채널에 들어오시면 모든 질의응답 최우선으로 답변해드립니다!
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
강의에서 작성한 소스코드 github url 은 어디있죠?
강의에서 작성한 소스코드 github url 은 어디있죠?
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
Icon Button 의 기능이 Hot restart 이후에도 사용되지 않습니다
Controller 사용해보기에서 알려주신 대로홈버튼을 만들어 homeURL이 리로드되게 해주었는데어떤 웹사이트를 이용하던 혹은 재실행을 하던 새로고침이 되지 않습니다. 혹시 이런 경우는 캐시의 문제가 있어서일까요? 아니면 어떠한 문제 때문일까요?? 아래에 제 코드를 첨부하겠습니다. import 'package:flutter/material.dart'; import 'package:webview_flutter/webview_flutter.dart'; class HomeScreen extends StatelessWidget { WebViewController? controller; final homeURL = "https://www.webtoons.com/en/"; HomeScreen({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("ryaotuix's portfolio"), centerTitle: false, backgroundColor: Colors.blueAccent, actions: [ IconButton( onPressed: () { if (controller == null) { return; } // controller cannot be null for sure controller!.loadUrl(homeURL); }, icon: Icon( Icons.home, ), ) ], ), body: WebView( // create new controller to class's controller onWebViewCreated: (WebViewController controller) { this.controller; }, initialUrl: homeURL, javascriptMode: JavascriptMode.unrestricted, ), ); } }
-
미해결Flutter 중급 1편 - 클린 아키텍처
폴더 구조에 대해 궁금합니다.
섹션 1, 14번 강의를 듣던중 궁금한점이 생겨 질문드립니다.강의에서는 presentation/home/components 구조로 폴더를 작성하셨는데, 만약 home_screen.dart 파일에서 바텀 네비게이션을 제공하고, 바텀네이게이션에는 마이페이지, 홈페이지, 검색페이지 등등 과 같은 홈페이지와 그 성격이 전혀 다른 페이지로 이동할수 있는 버튼들이 존재하는 경우라면home/components 폴더에 마이페이지, 홈페이지 등 파일 혹은 폴더를 집어넣는다.home 폴더에 다 집어넣는것이 아니라 presentation 폴더에 my_page, search_page 등 폴더를 만들고 각 폴더에 맞는 성격의 파일 및 컴포넌트를 관리한다.어느것이 바람직 할까요? 그리고 retrofit, json_serializable을 사용할때 저희가 작성하는 dart 파일과 generator가 생성하는 g.dart 파일은 각각 도메인 레이어, 데이터 레이어라고 보면 맞는건가요?
-
해결됨Flutter 앱 개발 기초
파이어베이스 학습 파트에서 질문이 있습니다
맥북에 Error running pod install 문제를 해결하기 위해서 cd ios && arch -x86_64 pod install && cd ..강의 자료에 나와 있는 대로 위 코드를 터미널에 입력했는데,cd: no such file or directory: ios 해당 오류 메세지가 나오면서 실행이 되지 않습니다...
-
해결됨[Bloc 응용] 실전 앱 만들기 (책 리뷰 앱) : SNS 로그인, Firebase 적용, Bloc 상태 관리, GoRouter
Json 데이터가 불완전할때는 어떻게 해결을 하시나요?
선생님 실무에서 받는 JSON 데이터가 가끔은 필요한 포맷으로 딱 떨어지지 않을때가 있는데 이럴때 실무에서는 어떻게 해결을 하시나요? 이번에 북 리뷰에도 어떤 책들의 저자들은(길거나, 영문일때 등) ^ 이런 표시가 있어서 사용 환경을 약간 저해하는 듯 싶어서 해결을 하고 싶은데 어떻게 해야할지 감을 못잡겠네요 ㅠ
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
statelessWidget 생성시 super 부분
class _Test extends StatelessWidget { const _Test({super.key}); @override Widget build(BuildContext context) { return const Placeholder(); } }stateless를 탭으로 눌러서 자동 생성했을 때 super.key 부분이 이렇게 생성이 되는데 이건 축약표현인가요?이경우, final VoidCallback onPressed; const _Test({required this.onPressed, key});위 코드를 작성해도 되는 것인지 아니면 강의처럼 아래코드로 작성해야하는지 궁금합니다!final VoidCallback onPressed; const _Test({required this.onPressed, Key? key}) : super(key: key);
-
해결됨Flutter 중급 2편 - 실전 앱 개발 - 미국 주식 앱 (with 클린 아키텍처)
안녕하세요 디버그 모드 관련 여쭤볼게 있어요
디버그모드에서 변수 이름에 커서를 대면 변수가 보여지는데 이거 어떻게 하나요 ..? ㅠ
-
해결됨[Bloc 응용] 실전 앱 만들기 (책 리뷰 앱) : SNS 로그인, Firebase 적용, Bloc 상태 관리, GoRouter
최근 작성 리뷰 Top10 기능 구현 강의 overflow 오류
최근 작성 리뷰 Top10 기능 구현강의 에서 타이틀이랑 작가부분을 퍼블리싱 했는데 오버플로우 오류가 뜨네요 ㅠㅠ 왜 생기는 거고 어떻게 해결을 해야 하나요? 혹시 선생님의 시뮬레이션 기기가 아이폰 pro max 여서 안생겼고, 저는 아이폰 14여서 생기는 건가요? 그러면 유저들이 다양한 디바이스를 쓸텐데 오버플로우 오류를 해결 할 수 있는 방법이 있을까요?ㅠㅠ
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
DioError 코드 사용 문제
선생님 제 Dio버전이 달라서 그런건지 플러터 문제인지 } on DioError catch (e) {코드에서 DioError를 사용할 수 없다는 메세지가 뜹니다.// 'DioError' is deprecated and shouldn't be used. Use DioException instead. This will be removed in 6.0.0.Try replacing the use of the deprecated member with the replacement.라는 메세지가 뜨며 DioException을 사용하라는 것 같은데강의버전과 동일한 dio버전으로 내린뒤에 펍겟해도 똑같이DioError와 DioErrorType에 선이 그어져있어 // ignore : deprecated_member_use } on DioError catch (e) {위의 주석코드를 입력하게 되면 DioError 코드 에러가 사라집니다. 이렇게 사용해도 상관이 없는지DioException을 사용해야 하는지 궁금합니다.
-
미해결[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
GoRouter PushAndRemoveUntil 관련
안녕하세요,프로젝트에서 GoRouter를 사용해서 페이지들을 구현하고 있는데요,GoRouter에서는 Navigator.PushAndRemoveUntil에 해당하는 함수가 없을까요?없다면 비슷하게 구현할 수 있는 방법이 있을까요?감사합니다.
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
final 구문의 용법이 궁금합니다.
안녕하세요, 알찬 강의 잘 보고 있습니다. 이번 강의 중 질문 사항이 생겨 여쭤봅니다. final newBlackPink = blackPink.map((x){return '블랙핑크 $x';});이 구문에서, final 과 newBlackPink 사이에 변수 타입(이 경우는 Iterable)에 대한 선언이 있어야하는 것 아닌가? 생각했는데 안 써도 정의가 잘 되더라구요. final을 선언한 이상 변수의 값이 변경되지 않기 때문일까요? 그리고 이런 식으로 Iterable(Set, List 등도) 은 final 로 선언하는 것이 일반적인 용법인지 궁금합니다. 감사합니다.
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
Hive, Riverpop 제너레이터 호환성 문제
안녕하세요 선생님 지난번 날씨앱에서 질문 드리고 중급강의 GoRouter 까지 무지성으로 따라가고있는 수강생입니다.중급 캐시강의를 보다가 문득 든 생각이서버에서 받아온 데이터를 Hive를 사용해서 기기에 저장을 하고 휴대폰 DB에 저장된 리스트들을 Hive에 데이터가 있다면 hive에서 읽고 없다면 새로받아오는 형식으로 Riverpod을 사용해 관리하면 어떨까? 싶은 생각이 들었습니다. 이유는 서버에서 restAPI를 통해 받아온 값들은 메모리에 저장되어있으니 앱을 껏다 키거나 메모리가 초기화되면 캐쉬가 날아가는 것이 아닌가? 라는 생각이 들어서였구요(리스트나 자료들을 휴대폰 db에 저장 해놓고 꺼내쓴다면 재요청횟수가 줄어들어 비용절감이 되지 않을까? 싶은 생각) 그래서 당연히 생각만 가지고 있지 아직은 아무것도 할줄 모르지만 일단Hive와 Riverpod을 동시에 설치는 해보자는 생각에 인스톨 해봤는데요문제는 hive_generator의 버전은 analyzer 5.0과 호환되고 riverpop_generator와 json_serializable 제너레이터들은 analyzer 6.0과 호환되어 한프로젝트에 동시설치가 불가능 한 것 같습니다.analyzer6.0을 사용하는 다른 제너레이터들의 버전을 낮춰봐도 더 복잡하고 많은 에러가 뜨는데요. 1)그래서 캐쉬를 hive로 사용하는게 어떨까? 라는 생각이 맞는 생각인지? (예를들면 riverpod의 캐쉬를 사용하면 되는데 궂이 db를 캐쉬로 왜 사용하는가?)2)유용한 생각이라면 analyzer버전 호환문제를 해결해서 동시에 사용할 수 있는 방법이 있는지?3)동시 설치가 안된다면 hive외 대안이 있거나 sqflite 같은 다른sql이 대안이 되는지? (hive를 캐쉬 대용으로 사용하려고한것은 hive의 빠른속도 때문인데, sqflite를 사용하게되면 궂이 물리적인 db캐쉬가 유효/유용 한건지?) 에 대한 의문이 들었습니다.이런생각을 하는 이유는, 나중에 혼자 앱을 만들게 된다면 서버를 사용하는 것보다 파이어베이스 같은 클라우드 플랫폼을 사용하지 않을까 싶은 생각에서 트래픽을 줄일 수 있는 방법이 궁금해서 였습니다.아직 멋모르고 강의 열심히 따라가는 중이라 급한내용은 아니니 시간 편하실때 천천히 답변주시면 감사하겠습니다.
-
해결됨[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
안녕하세요 선생님! 중급강의 적용에 있어 질문드립니다!
안녕하세요!! 코드팩토리님 초급, 중급 강의를 완강한후 인터뷰 매칭 서비스 앱을 개발해보고자하는 학생입니다. 다름이아니라, 앱 설계를 하다 보니 하나의 인터뷰에 인터뷰의뢰 테이블, 인터뷰의뢰채널테이블,인터뷰참여테이블 등 이들간의 관계를 표현하고 각 인터뷰 건에 대한 pagination 적용도 해야하는데, 이 각각의 테이블을 중급강의에서 배운 것들을 model, repository,provider,view 폴더로 나누어 그대로 적용해보고자 하는데 이렇게 하는게 맞을지 갈피가 안잡혀서 질문남기겠습니다. 제가 아직 프로그래밍 경험이 부족해서ㅠㅠ 질문이 다소 추상적으로 느껴졌다면 죄송합니다.
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
'circle' 부분에서 질문
안녕하세요._CustomGoogleMap에서 circle를 전달 받을때circles: Set.from([circle],)이런식으로 Set을 하셨는데, 따로 이렇게 하신 이유가 있을까요? {circle} 이렇게 하는게 더 낫지 않나 싶어서요. 감사합니다