분류 전체보기 (100) 썸네일형 리스트형 채팅앱 만들기 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 따로따로 설치.. Provider Provider를 이용하면 전역적인 상태가 변화되었다라는걸 공유할수 있다. 1. 먼저 pubspec.yaml에 provider 설치 dependencies: flutter: sdk: flutter provider: ^4.0.0 https://pub.dev/packages/provider/install 2. 전역적으로 사용하려는 데이터 class에 with ChangeNotifier 추가 class GreatPlaces with ChangeNotifier { ... 생략 ... Future fetchAndSetPlaces() async { ... 생략 ... notifyListeners(); } } 데이터가 바뀌었을 경우 notifyListeners()를 추가 시켜줘야 한다. 3. 공통 부모 위젯 부분에 .. 5. 기본 위젯 -2 차례: 더보기 5.1 입력용 위젯 TextField CheckBox와 Switch Radio와 RadioListTile DropDownButton 5.2 다이얼로그 AlertDialog DatePicker GestureDetector와 InkWell 5.3 이벤트 GestureDetector와 InkWell 5.4 애니매이션 Hero AnimatedContainer SliverAppBar와 SliverFillRemaining 5.1 입력용 위젯 5.1.1 TextField 글자를 입력받는 위젯. return Column( children: [ TextField( decoration: InputDecoration(labelText: '여기에 입력하세요'), ), TextField( decoration: I.. 4. 기본 위젯 - 1 차례: 더보기 4.1 화면 배치에 쓰는 기본 위젯 Container Column Row Stack SingleChildScrollView ListView, ListTile GirdView PageView 4.2 위치, 정렬, 크기를 위한 위젯 Center Padding Align Expanded SizeddBox Card 4.3 버튼 계열 위젯 ElevatedButton TextButton IconButton FloatingActionButton 4.4 화면 표시용 위젯 Text Image Progress 4.1 화면 배치에 쓰는 기본 위젯 4.1.1 Container Container를 이용해 가로 세로 길이, 색, padding, margin등을 설정 가능하고 child property로 다른 위젯을.. 3. 프로젝트 구조와 앱 구조 차례: 더보기 3.1 프로젝트 시작하기 3.2 앱 구조 분석 3.2.1 앱 구조 3.2.2 Stateless Widget 클래스 3.2.3 MaterialApp 클래스 3.2.4 StatefulWidget 클래스 3.2.5 Scaffold 클래스와 AppBar 클래스 3.1 프로젝트 시작하기 flutter create 앱이름 : 처음 flutter 앱 만드는 방법. .idea : 개발 도구에 필요한 설정 .android : 안드로이드 네이티브 코드를 작성하는 부분 .build : 빌드시 생성되는 파일 .ios : iOS 네이티브 코드를 작성하는 부분 .lib : 다트 코드를 작성하는 부분 .test : 테스트 코드를 작성하는 부분 .gitignore : Git 설정 파일, 버전 관리시 무시할 파일 규칙 .. 2. Dart 문법 차례 : 더보기 2.1 기본문법 2.1.1 Statement(문장) 2.1.2 변수 2.1.3 타입 추론 (var 사용) 2.1.4 상수 (final, const 사용) 2.1.5 타입 검사 (is, is! 키워드) 2.2. 함수 2.2.1 함수 형태 2.2.2 함수와 메서드 2.2.3 print 함수 2.2.4 익명함수 2.3. 객체 지향 프로그래밍 2.3.1 클래스 2.3.2 접근 지정자 2.3.3 생성자 2.3.4 게터(Getter), 세터(Setter) 메소드 2.3.5 상속 2.4 추상 클래스 2.5 믹스인 2.6 컬랙션 2.6.1 List 2.6.2 스프레드 연산자(...) 2.6.3 Map 2.6.4 Set 2.7 함수형 프로그래밍 2.7.1 일급 객체 2.7.2 for 문과 forEach(.. 이전 1 2 3 4 5 6 7 ··· 13 다음
