자동 재생
자동 완성
이전 강의
완료하고 계속하기
[마지막 편] Flutter로 인스타그램 맹글어버리자!
시작 프로젝트 파일
레이아웃편 소스파일 ("레이아웃편" 건너뛰신분들을 위한 소스파일 입니다)
질문 방법 - Slack 가입 링크
Firebase Authentication
[추가] 간단한 Flutter 디버깅 방법 (7:13)
1. Firebase Auth 안드로이드 세팅 (2:36)
2. Firebase Auth 플러그인 포함시키자 (1:27)
3. Firebase Auth 콘솔 세팅 (10:42)
4. 유저 로그인 확인 후, 화면 보이기 (4:41)
5. 유저 가입 (11:49)
[EXTRA] Future(Async)에 대해서 (22:15)
[EXTRA] Stream (28:03)
6. Snackbar (0:36)
7. 유저 로그인 (7:35)
8. onUserStateChange 문제점 해결하기 (4:13)
9. Facebook로그인 세팅 인트로 (3:10)
10. AndroidX로 세팅하자 (2:46)
11. Facebook로그인 Android Setup (10:38)
12. Facebook로그인 Android Setup - 두번째 (4:46)
13. Facebook로그인 IOS Setup (7:29)
14. Facebook로그인 사용 (16:18)
15. Iphone에 인스톨하고, Facebook로그인 테스트 (6:19)
16. Android Facebook로그인 테스트 및 디버깅 (12:49)
Firebase Firestore
17. Firebase Firestore Data에 대해서 (5:38)
18. Firebase Firestore Setup (4:10)
19. Firebase Firestore콘솔에서 Database 생성하자 (5:40)
20. [Android] Dex 문제 해결 (4:09)
21. Firestore 파일생성 (2:21)
22. Firestore 사용해보자 (9:54)
23. Firebase Firestore 모델 디자인 & 생성 (18:12)
23-1. User 모델 디자인 & 생성 (4:37)
23-2. User 모델 디자인 & 생성(두번째) (3:26)
24. User 파일 프로젝트로 옮기자 (12:02)
25. Firestore에 User Document 생성 (11:09)
26. Firestore에서 User Data 가져오자 (11:38)
Provider
27. Transformer에 대해서 (1:58)
28. Firestore에서 모든 User Data 가져오자 (7:10)
29. Firestore에서 내 User Data만 빼고 나머지 User Data 가져오자 (6:26)
[EXTRA] Future(Async)에 대해서 (22:15)
[EXTRA] Stream (28:03)
30. Provider에 대해서 (3:16)
31. Provider 플러그인 설치 (1:27)
32. ChangeNotifierProvider용 모델 생성 (5:20)
[추가] 33. Provider 사용시 "build" 대신 "create / update" (0:59)
33. Firestore에 내 User Data 연결하자 (20:24)
34. firestore 사용시 runTransaction 에러 (6:18)
35. Profile페이지에 username 보이자 (6:51)
36. 로그아웃할 때, User Data 제거하자. (3:35)
[추가] 36-1. 로그아웃시 Provider.of 에러해결방법 (5:41)
Camera
37. Camera 플러그인 세팅 (4:04)
38. Camera Initialization ( State에 대해서) (10:08)
39. Camera preview (정사각형 Crop) (11:22)
40. Camera Button Layout (4:01)
41. Temp File에 사진 저장하자 (11:23)
42. User Data 가져오기, 사진 저장 파일 확인 (1:42)
43. 저장된 사진 보여주자 (6:13)
44. onAuthStateChange 버그 고치자 (21:21)
Share Post
45. Share Post Page Layout (9:53)
46. Share Post Page Layout 두번째 (25:10)
Isolate, 이미지 processing
47. What is Isolate?? (6:25)
48. 로딩할때 IgnorePointer 사용하자 (4:37)
49. 다른 Isolate에서 이미지 프로세싱하자 (14:59)
50. 이미지 프로세싱 테스트 (2:46)
Firebase Storage
51. Firebase Storage 플러그인 세팅 (2:17)
52. Firebase Storage에 이미지 업로드하자 (11:22)
53. Firebase Storage에 이미지 업로드 테스트 (9:51)
54. Firebase Storage에 있는 이미지 앱에서 보여주자 (9:03)
Post 업로드
55. Post 모델 생성 (21:16)
56. createNewPost 메소드 생성하기 (12:05)
57. Post업로드 끝장내자 (6:37)
58. Post 업로드 후, Share Post Page 나가자 (1:16)
58-2. Post 업로드 할때, Download링크 저장 (5:00)
Follow/Unfollow
59. 다른 유저 리스트 보여주자 (13:55)
60. Follow/Unfollow 기능 (11:08)
61. Follow/Unfollow 기능 테스트 (3:24)
Post, Feed
62. Rxdart에 대해서 (5:11)
63. Post Data Fetch 기능 (9:51)
64. Post DocumentSnapshot을 Post 모델 데이타로 변경 (2:11)
65. Feed Page에 Post Data 연결하자 (10:18)
Comment & Like
66. Comment List Layout (3:27)
67. Comment Avatar Layout (1:42)
68. Comment에 TextInputField (4:25)
69. Comment List에 버튼 (1:36)
70. Comment List에 List (2:50)
71. Comment Data File 생성 (8:45)
72. Firestore에 Comment 업로드 하자 (9:54)
73. 새 Comment Text (16:18)
74. Final Touch of Comment List (5:37)
75. Number Of Comment & Go to Comment List (9:12)
76. Like/Unlike 기능 (6:07)
77. Number Of Likes 보여주자 (8:45)
파이널 코드링크
[EXTRA] Stream
완료하고 계속하기