전공_STUDY/Flutter 어플 개발
flutter로 중고장터 만들기 add.dart(provider, firebase, firestorage, 이미지 압축 사용)
flutter로 중고장터 만들기 add.dart(provider, firebase, firestorage, 이미지 압축 사용)
2020.07.220 - 앞에 글과 이어집니다. add.dart는 backPage.dart 위에 bottomNavigationBar중 2번째 인덱스에 속한 body입니다. 옷의 사진과 정보를 올리는 역할을 합니다. 1. 목표 아이콘을 통해 핸드폰의 겔러리 혹은 카메라에 접근할 수 있도록 합니다. 사진을 압축하고 화면에 보여질 수 있도록 합니다. 사진의 관련된 정보를 입력받습니다. 사진을 storage에 저장합니다. 사진 정보를 datebase에 저장합니다. 2. 구현 내용 add.dart import 'dart:async'; import 'dart:io'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'pack..
flutter로 중고장터 만들기 backPage.dart
flutter로 중고장터 만들기 backPage.dart
2020.06.300 - 앞에서 main.dart가 원래는 메인 페이지를 보여주는 역할을 했습니다. 하지만 지금은 main.dart가 route의 역할을 하고 있음으로 backPage을 만들어 메인 페이지를 보여주는 역할을 하게 해줍니다. 1. 목표 bottomNavigationBar을 사용하여 페이지를 구성합니다. 2. 구현 내용 backPage.dart import 'package:firebase_auth/firebase_auth.dart'; import 'package:flutter/material.dart'; import 'package:graduationproject/My_Page.dart'; import 'package:graduationproject/Home.dart'; import 'package:gradu..
flutter로 중고장터 만들기 Sign_in_up.dart(firebase, provider 사용)
flutter로 중고장터 만들기 Sign_in_up.dart(firebase, provider 사용)
2020.06.270 - 앞에서 Sign_up.dart을 만들었습니다. 문제점도 많았고 UI도 이쁘지 않았습니다. 문제점을 해결하고 로그인과 회원가입을 동시에 할 수 있도록 provider을 사용해 구현하겠습니다. 1. 목표 Firebase을 연동해 회원가입 및 로그인 페이지를 구현합니다. 로그인 및 회원가입 후에 페이지에 들어올 수 있도록 구현합니다. Provider을 사용해 한 페이지에서 로그인 및 회원가입을 동시에 할 수 있도록 합니다. UI 위젯을 디자인에 소질이 없지만 최선을 다해 꾸며본다. 구글 인증과, 이메일 인증을 이용해 회원가입을 구현한다. 2. 구현 내용 Sign_in_up.dart import 'package:firebase_auth/firebase_auth.dart'; import 'package:f..
flutter로 중고장터 만들기 main.dart 수정(route 사용)
flutter로 중고장터 만들기 main.dart 수정(route 사용)
2020.06.260 - 기본적으로 앞의 글과 이어지며 main.dart을 수정합니다. 1. 목표 main.dart을 수정합니다. route을 사용해 페이지 이동하는 역할만 할 수 있도록 만듭니다. 2. 구현 내용 main.dart import 'package:flutter/material.dart'; import 'package:graduationproject/add.dart'; import 'package:graduationproject/My_Page.dart'; import 'package:graduationproject/splash.dart'; import 'package:graduationproject/backPage.dart'; import 'package:graduationproject/Home.dart'; ..
auth.dart 구현
auth.dart 구현
2020.05.300 - 기본적으로 앞의 글과 이어지며 firebase 이메일 인증과 구글 인증이 어플에 허용되어 있어야 합니다. 1. 목표 auth.dart을 구현함으로 firebase에서 지원하는 메일 인증과 구글 인증을 실행할 수 있도록 한다. toast.dart을 구현해 오류를 출력한다. 2. 구현 내용 auth.dart import 'package:flutter/material.dart'; import 'package:firebase_auth/firebase_auth.dart'; import 'package:graduationproject/methods/toast.dart'; import 'backPage.dart'; class AuthPage extends StatefulWidget { AuthPage({Key..
Splash.dart 구현과 main.dart의 코드 정리
Splash.dart 구현과 main.dart의 코드 정리
2020.05.290. - 기본적으로 앞의 글과 연관됩니다. 1. 목표 처음 앱을 실행하게 되면 광고 화면을 4초 동안 보여준다. 여러 가지 화면을 구현해야 하므로 main.dart을 routes로 이동하는 역할로 사용한다. 2. 구현 및 내용 설명 Splash.dart class SplashPage extends StatefulWidget { SplashPage({Key key}) : super(key : key); static const routeName = '/splash'; @override _SplashPageState createState() => _SplashPageState(); } 기본적으로 StatefulWidget으로 구성했다. 변화하면 화면 없이 광고만 해주는 페이지임으로 사실 Stateless로 해..
flutter firebase을 이용한 구글 인증으로 회원관리
flutter firebase을 이용한 구글 인증으로 회원관리
2020.05.150. 조건 - firebase 구글 인증이 허용되어 있어야 하며 어플과 연동되어 있어야 한다. 1. 목표 firebase을 통해 구글을 연동하여 회원 관리를 구현한다. 회원 가입 및 로그인 인증 후 다른 화면을 볼 수 있도록 구현한다. 로그아웃 구현 역시 동일한 방식으로 구현한다. 2. 구현 내용 및 설명 main.dart import 'package:firebase_auth/firebase_auth.dart'; import 'package:google_sign_in/google_sign_in.dart'; 먼저 firebase와 goole인증 라이브러리를 임포트 해주어야 한다. class AppState{ bool loading; FirebaseUser user; AppState(this.loading,..
Flutter 어플 개발 Sign_up.dart(firebase 연동)
Flutter 어플 개발 Sign_up.dart(firebase 연동)
2020.04.281. 개요 Sing_up.dart 파일을 따로 만들어 코드를 관리한다. 회원가입 UI를 만든다. Firebase을 통해 회원들의 데이터를 관리한다. 2. 구현 내용 및 설명 import 'package:firebase_auth/firebase_auth.dart'; import 'package:flutter/material.dart'; import 'package:graduationproject/main.dart'; import 'package:graduationproject/login.dart'; void main() => runApp(Sign_up()); class Sign_up extends StatefulWidget { @override _Sign_upState createState() => _Si..
Flutter 어플 개발 main.dart 구현
Flutter 어플 개발 main.dart 구현
2020.04.25Flutter란? 1. 하나의 코드베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일 되는 구글의 아름다운 UI 툴킷입니다. 2. 빠른 개발, 표현력 있고 유연한 UI, 네이티브 수준의 성능등의 특징이 있습니다. 3. 안드로이드와 IOS 동시에 개발된다는 특징과 함께 dart언어 기반의 언어입니다. Flutter 개발의 목적 1. 프로젝트를 진행함으로 dart언어의 이해도를 높힌다 2. firebase을 통해 사용자 인증과 데이터 관리를 통해 flutter의 이해도를 높힌다. 3. 실제로 사용가능한 어플을 만듬으로서 모바일 앱에 대한 이해도를 높힌다. 현재까지 진행된 코드 main.dart import 'package:firebase_auth/firebase_auth.dart'; import 'pack..