Flutter 학습/채팅 앱 만들기 (5) 썸네일형 리스트형 채팅앱 만들기 - 5 (사진) 카메라 부분 추가하고 사진 firebase에 올리기 1. Firebase Storage 세팅 2. pubspec.yaml dependencies: flutter: sdk: flutter # cloud_firestore: ^0.13.5 cloud_firestore: ^4.4.1 firebase_auth: ^4.2.9 image_picker: ^0.8.6+4 firebase_storage: ^11.0.14 image_picker, firebase_storage 추가 3. auth_screen.dart 더보기 import 'dart:io'; import 'package:flutter/material.dart'; import 'package:firebase_auth/firebase_auth.dart'; impo.. 채팅앱 만들기 4 1. 규칙 추가 Firebase Database에 chat 컬랙션 추가 2. new_message.dart 더보기 import 'package:cloud_firestore/cloud_firestore.dart'; import 'package:firebase_auth/firebase_auth.dart'; import 'package:flutter/material.dart'; class NewMessage extends StatefulWidget { @override State createState() => _NewMessageState(); } class _NewMessageState extends State { final _controller = new TextEditingController(); var.. 채팅앱 만들기 3 (Auth) 1. Firebase 부분 먼저 설정 Firebase project페이지에서 Authentication 클릭. 이메일/비밀번호 클릭 설정후 저장 2. pubspec.yaml 파일에 아랫 부분 추가후 저장 firebase_auth: ^4.2.9 3. main.dart 더보기 import 'package:chat_app/screens/auth_screen.dart'; import 'package:firebase_auth/firebase_auth.dart'; import 'package:flutter/material.dart'; import 'screens/chat_screen.dart'; import 'package:firebase_core/firebase_core.dart'; void main() { Wi.. 채팅앱 만들기2 (앱과 Firebase 연결) Firebase의 Cloud Firestore와 앱과 연결하기 1. android/app/build.gradle 파일 수정 ... 생략 ... defaultConfig { // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). applicationId "com.example.chat_app" // You can update the following values to match your application needs. // For more information, see: https://docs.flutter.dev/deployment/android#revie.. 채팅앱 만들기1 (Firebase 설정) 차례 : Firebase 프로젝트 만들기 Firebase와 Flutter 연동하기 cloud_firestore 설치 1. 프로젝트 만들기 1. Firebase 로그인 Firebase 사이트 바로가기 2. 오른쪽 상단의 '콘솔로 이동'을 클릭후 Firebase 프로젝트 추가 클릭 3. 프로젝트 이름 설정 4. Google 애널리틱스 사용하는 걸로 세팅하고 다음페이지. 5. 애널리틱 위치는 한국 선택했고 넘어갔습니다. 6. 일정 시간 지난후 프로젝트 생성. 2. Firebase와 Flutter 연동하기 1. 5개 아이콘 모여 있는 곳에서 가장 오른쪽 Flutter 아이콘 클릭 과거의 firebase 설치 영상들을 보아하니 flutter로 한번에 설치 해야하는 부분이 없고 ios, android 따로따로 설치.. 이전 1 다음
