무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
home screen에 찜하기가 바로 업데이트가 안되는 현상
detail screen에서 찜하기(like)를 누르고home screen으로 오면 상단에 바로 반영이 되야 하는데다른 탭에 갔다 와야지만 변경이 됩니다.어딘가 setstate를 해줘야 될거같은데 모르겠네요.
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
로고 이미지가 안불러와져요
pubspec.yaml 파일도 수정해보고, 강사님 한대로 코드 똑같이 적었는데.. 이미지가 안불러와져요.오타 있는지 확인도 해보았는데 없었어요home_screen.dartimport 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override _HomeScreenState createState() => _HomeScreenState(); } class _HomeScreenState extends State<HomeScreen> { @override void initState() { super.initState(); } @override Widget build(BuildContext context) { return const TopBar(); } } class TopBar extends StatelessWidget { const TopBar({super.key}); @override Widget build(BuildContext context) { return Container( padding: const EdgeInsets.fromLTRB(20, 7, 20, 7), child: Row( children: <Widget>[ Image.asset( 'assetsimages\bbongflix_logo.png', fit: BoxFit.contain, height: 25, ), ], ), ); } }
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
firebase 설치이후 디버깅하면 아래와 같은 에러가 발생하는데 알려주실분 계실까요?
code build done. 540.2sFailed to build iOS appError (Xcode): redefinition of module 'Firebase'/Users/hoon/development/flutter_Test_Pj1/hoon_nexflex/flutter_application_1/ios/Pods/Firebase/CoreOnly/Sources/module.modulemap:0:7Error (Xcode): could not build module 'Flutter'/Users/hoon/development/flutter_Test_Pj1/hoon_nexflex/flutter_application_1/ios/Runner/GeneratedPluginRegistrant.h:9:8Error (Xcode): failed to emit precompiled header'/Users/hoon/Library/Developer/Xcode/DerivedData/Runner-awozdwnprnvtdrcrfughfazvzhji/Build/Intermediates.noindex/PrecompiledHeaders/Runner-Bridging-Header-swift_1TK2KTDMIUV5Y-clang_2JGQSHWY4RAHY.pch' for bridging header'/Users/hoon/development/flutter_Test_Pj1/hoon_nexflex/flutter_application_1/ios/Runner/Runner-Bridging-Header.h'Could not build the application for the simulator.Error launching application on iPhone 13.
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
TabController controller를 넣게되면 오류가 나고 late를 넣으면 정상으로 작동되는데 이유를 알 수 있을까요?
(사진)
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
CarouselImage문제
안녕하세요, home_screen.dart 페이지에서 movies이 부분도 빨간줄이 쳐져 있습니다.어떻게 해결해야 할까요?
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
22.12.11 carousel_slider 문의 드려요..
pubspec.yaml에서 carousel_slider 에 버전을 줘서 해봐도import 'package: carousel_slider/carousel_slider.dart';가 오류가 나고,_CarouselImageState 클래스에서 CarouselSlider가 오류가 발생합니다 ㅜㅜ 도와주세요...
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
왜 버튼들이 세로로 정렬될까요..ㅜㅜ
저는 왜 버튼들이 세로로 정렬될까요... ㅜㅜㅜ혹시 해결방법 아시는분 계실까요?? 제 코드는 아래 첨부합니다..https://github.com/Daco2020/docoflix/commit/ae73dc76cbfeadf164d215ff6ecb936f3330d768
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
firebase 프로덕트 모드로 진행했는데, 홈화면이 안뜹니다... ㅜ
W/Firestore( 2223): (24.3.1) [Firestore]: Listen for Query(target=Query(movie order by name);limitType=LIMIT_TO_FIRST) failed: Status{code=PERMISSION_DENIED, description=Missing or insufficient permissions., cause=null} 이런 오류가 나는데 왜그러는걸까요??ㅠ궁금합니다~
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
circle_silder 와 box_slider 에 이미지가 한개만 나옵니다.
이렇게 하나의 사진만 뜨는데 강사님 코드와 어떤 부분이 차이가 있어서 그럴까요?? 제껀 Flutter 버전 3 입니다답변주시면 정말 감사하겠씁니다:)import 'package:flutter/material.dart'; import '../model/model_movie.dart'; class BoxSlider extends StatelessWidget { final List<Movie> movies; BoxSlider({required this.movies, super.key}); @override Widget build(BuildContext context) { return Container( padding: EdgeInsets.all(7), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text('지금뜨는 콘텐츠'), Container( height: 120, child: ListView( scrollDirection: Axis.horizontal, children: makeBoxImage(movies), ), ) ], ), ); } } List<Widget> makeBoxImage(List<Movie> movies) { List<Widget> results =[]; for (var i=0; i<movies.length; i++){ results.add( InkWell( onTap: () {}, child: Container( padding: EdgeInsets.only(right: 10), child: Align( alignment: Alignment.centerLeft, child: Image.asset('assets/${movies[i].poster}'), ), ), ) ); } return results; }
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
firebase 적용후 디버깅시
firebase 를 적용시키고 메뉴얼대로 실행을 하였음에도 ======== Exception caught by widgets library =======================================================The following FirebaseException was thrown building KeyedSubtree-[<0>]:[core/not-initialized] Firebase has not been correctly initialized. Usually this means you've attempted to use a Firebase service before calling `Firebase.initializeApp`. View the documentation for more information: https://firebase.flutter.dev/docs/overview#initialization The relevant error-causing widget was: TabBarView TabBarView:file:///D:/StudioProjects/netflix_clone/lib/main.dart:34:17 라는 오류명과 함께 와 같은 에러가 발생하고 있습니다 찾아보니 초기화가 안되어 있다고 되어있는데 해결방법은 애초에 firebase 설정할때의 순서대로 하는 방법이 해결법이라고 하더군요.. 아무리 적용을하고 수정을 했음에도 안되는 이유를 아시는 분은 답변 부탁 드리겠습니다.. ㅠㅠ
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
url_launcher 의존성 추가시 빌드 불가 에러
url_launcher 의존성 추가 후 iOS 빌드 실패와 함께 해결책으로 arch -x86_64 sudo gem install ffi 위 명령어를 실행하라는 문구 출력 위 명령어 실행 했으나 여전히 같은 에러 발생gem으로 설치된 cocoapod을 지우고 brew로 cocoapod 설치하여 해결 참고 https://stackoverflow.com/questions/64901180/how-to-run-cocoapods-on-apple-silicon-m1
- 해결됨Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
220614 carousel_slider.dart
플러터 3.0 버전 carousel_slider: ^4.1.1 import 'package:carousel_slider/carousel_slider.dart'; import 'package:flutter/material.dart'; import 'package:netflixapp/model/model_movie.dart'; class CarouselImage extends StatefulWidget { final List<Movie>? movies; CarouselImage({Key? key, required this.movies}) : super(key: key); @override State<CarouselImage> createState() => _CarouselImageState(); } class _CarouselImageState extends State<CarouselImage> { List<Movie>? movies; List<Widget>? images; List<String>? keywords; List<bool>? likes; int _currentPage = 0; late String _currentKeyword; @override void initState() { super.initState(); movies = widget.movies; images = movies?.map((m) => Image.asset('./images/' + m.poster)).toList(); keywords = movies?.map((m) => m.keyword).cast<String>().toList(); likes = movies?.map((m) => m.like).cast<bool>().toList(); _currentKeyword = keywords![0]; } @override Widget build(BuildContext context) { return Container( child: Column( children: [ Container( padding: EdgeInsets.all(20), ), CarouselSlider( items: images, options: CarouselOptions( onPageChanged: (index, reason) { setState( () { _currentPage = index; _currentKeyword = keywords![_currentPage]; }, ); }, ), ), Container( child: Text(_currentKeyword), ), ], ), ); } }
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
FirebaseFrirestroe 사용시 아래코드로 하시면 됩니다.
cloud_firestore3.1.10 사용시 참고하세요 class _HomeScreenState extends State<HomeScreen> { FirebaseFirestore firebaseFirestore = FirebaseFirestore.instance; late Stream<QuerySnapshot> streamData; @override void initState() { super.initState(); streamData = firebaseFirestore.collection('movie').snapshots(); } Widget _fetchData(BuildContext context) { return StreamBuilder<QuerySnapshot>( stream: FirebaseFirestore.instance.collection('movie').snapshots(), builder: (context, snapshot) { if (!snapshot.hasData) { return LinearProgressIndicator(); } return _buildBody(context, snapshot.data!.docs); }); } Widget _buildBody(BuildContext context, List<DocumentSnapshot> snapshot) { List<Movie> movies = snapshot.map((d) => Movie.fromSnapshot(d)).toList(); return ListView(children: [ Stack( children: [CarouselImage(movies: movies), TopBar()], ), CircleSlider(movies: movies), BoxSlider(movies: movies) ]); } @override Widget build(BuildContext context) { return _fetchData(context); } }
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
M1에서는 안되는가 봅니다..?
하아... 자꾸 에러 나면서 ios에서만 안되네요... 저같은 분들 있으실까봐 말해둡니다 chrome이나 android에서는 잘 작동 하는데 ios에서만 오류가 나네요 ;; ld: in /Users/kimhakdong/Flutter/netflix/ios/Pods/FirebaseAnalytics/Frameworks/FIRAnalyticsConnector.framework/FIRAnalyticsConnector(FIRAnalyticsConnector_a8eeba373b74508311b8b22b8d3202a6.o), building for iOS Simulator, but linking in object file built for iOS, file '/Users/kimhakdong/Flutter/netflix/ios/Pods/FirebaseAnalytics/Frameworks/FIRAnalyticsConnector.framework/FIRAnalyticsConnector' for architecture arm64
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
상세 페이지 코딩 입력햇는데요 안나와서요 ㅠㅜ 한번 봐주세요
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
이 부분 누가 해석좀 해주세요...
Movie라는 class를 만들고 그 안에 string으로 title, keyword, poster 변수를 boolean으로 like라는 변수를 선언한 것 까진 이해했는데 Movie.fromMap이 뭐고 Map<String, dynamic> map 이후로 잘 모르겠네요 ㅠㅠ
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
Container 한번더 감싼 이유
Container( padding: EdgeInsets.fromLTRB(20, 10, 20, 10), child: Container( **여기서 이렇게 container로 한번더 감싸준 이유가 뭔가요 굳이 안감싸도 잘 작동 되서요 child: Column( children: <Widget>[ Icon(Icons.send), Padding(padding: EdgeInsets.all(5)), Text( "공유", style: TextStyle( fontSize: 11, color: Colors.white60), ) ], ), ), )
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
기기별 찜하기 기능 표시
안녕하세요! 정말 수준높은 강의 잘 들었습니다! 이런 좋은 강의 무료로 해주신 게 감사해서 유투브도 구독 좋아요했습니다~ 제가 해당 강의를 따라하면서 정말 정말 꼭 알고 싶은 게 하나 있어서 글을 남깁니다! 해당 강의의 많은 부분을 따라하면서 코로나 바이러스 단계별 행동지침을 나타내는 영어로 번역한 앱을 만들고 있습니다! 처음으로 만드는 앱이여서 막히는 부분이 있을때마다 이 강의를 보면서 비슷한 기능들을 클론 코딩하고 싶습니다! 다만 태뽕님의 코딩을 따라하면 '한 기기당 개별적인 찜리스트'가 아니라 '모두가 공유하는 찜리스트'가 하나 생깁니다! 저는 각각의 사용자가 자주 사용하는 도시들을 찜하기 할 수 있는 기능을 구상하고 있습니다! 혹시 이렇게 하려면 어떤 방향으로 수정해야 하는 지 알 수 있을까요? 만약 좀 많은 작업이 필요하다면 혹시 메일 드려도 괜찮을까요?
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
({this.movies}); 에서 movies가 에러나는 이유를 모르겠습니다 ㅠㅠ
이게 에러나서 그런지 movies; images; likes; _currentKeyword; 얘네도 다 에러나네요.. 아시는분 댓글좀요 !! List<Movie> movies; List<Widget> images; List<String> keywords; List<bool> likes; int _currentPage = 0; String _currentKeyword;
- 미해결Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]
widget.movie.like는 뭘 의미하는 것일까요?
강의 너무 잘 들었습니다 감사합니다!! 다른 것들은 검색을 통해 해결하고 있는데요, 코딩이 처음이라 그런지 제목에 있는 부분이 해석이 잘 안됩니다ㅠㅠ widget이 워낙 범용적인 단어라 검색도 쉽지 않고요... 어떤 의미로 widget. 이 있는 건가요?