본문 바로가기

분류 전체보기

 (657)
[Flutter] Widgets(1) - bottomNavigationBar with Getx 오늘은 bottomNavigationBar 를 Getx 로 구현하는 예제 입니다. 1. app.dart 수정 2. tab_page_controller.dart 추가 3. tab_page.dart 추가 1. app.dart 수정 app.dart 에서는 더이상 화면을 보여줄 필요가 없이 로그인 성공시, bottomNavigationBar 화면인 tabPage 로 바로 이동하게 수정하였음. import 'package:firebase_auth/firebase_auth.dart'; import 'package:flutter/material.dart'; import 'package:get/get.dart'; import 'package:sns_login/src/controller/login_user_control..
[Flutter] Design Pattern(2) - Controller with Getx 지난 번에 만든 모델을 사용하는 controller 에 대한 예제 코드입니다. login_user_controller.dart import 'package:cloud_firestore/cloud_firestore.dart'; import 'package:flutter/material.dart'; import 'package:get/get.dart'; import 'package:sns_login/src/model/login_user.dart'; // 모델링 패턴 파일 class LoginUserController extends GetxController { static LoginUserController get to => Get.find(); // Get.find 사용방법을 줄여주는 선언, 별칭임 fin..
[Flutter] Design Pattern(1) - Model SNS login 이후, 사용자의 정보를 관리하는 사용자 정보에 대한 Model 패턴. 일번적으로 Model 패턴이라고 부르는진 모르지만, 개인적으로 개발할때 이렇게 표현 합니다. login_user.dart import 'package:cloud_firestore/cloud_firestore.dart'; class LoginUser { final String? appVersion; final String? datetime; final String? email; final String? expDate; final String? uid; final String? language; final String? lastLogin; final int? loginCnt; final String? photoURL; f..
[Flutter] Web - Firebase에 hosting 하는 절차 0. web 버전 컴파일 1. https://firebase.google.com/docs/cli#sign-in-test-cli 접속 개인 환경에 따라 실행파일 다운로드 - 윈도우 환경이라서 윈도우 버전은 다운로드 함 2. 파일 실행 방법 및 명령어 파일 저장위치 : F:\Util\Firebase_CLI\ Flutter 프로젝트 폴더에서 실행해야 함 로그인 - 로그인이 되어 있다면 다음으로 패스, 안되어 있다면 아래 명령어 입력시, 로그인 웹사이트로 자동이동 로그인이 잘되어 있는지 확인 - 프로젝트 리스트를 출력하여 확인 가능, 이미 서비스를 등록한 경우라서 현재의 프로젝트가 선택되어 있음 초기화 화살표키로 이동하고 스페이스키로 선택, 엔터키로 다음으로 이동 ~~ 기존 프로젝트 사용 선택 대상 프로젝트 선..
[Flutter] Web 설정 첫번째 스크립트는 잘 모르겠음 Facebook SDK 초기화 부분의 필요 여부는 잘 모르겠음 구글과 이메일은 정상 로그인이 되는데, 페이스북은 보안 오류 발생함 - 해결 방법을 찾고 있는 중 ~~ 이 부분은 테스트 시, 로컬 호스트를 사용해서 보안 이슈가 발생한 부분임. Firebase 호스팅을 하니, 서버가 https 로 동작하여 모든 로그인 기능이 정상 동작함.
[Flutter] SNS login (3) - 코딩 1. 화면 구성 및 로그인 성공화면 2. 파일 구성 3. 소스 코드 상세 설정 참고 사이트 ==> https://firebase.flutter.dev/docs/overview main.dart import 'package:flutter/material.dart'; import 'package:firebase_core/firebase_core.dart'; import 'package:get/get.dart'; import 'dart:async'; import 'package:sns_login/src/app.dart'; Future main() async { // 비동기 메소드 사용시 추가(Firebase 초기화 함수가 비동기 방식임) WidgetsFlutterBinding.ensureInitialized(..
[Flutter] SNS login (2) - Facebook 관련 설정 및 인증 활성화 기본 구성은 아래와 같습니다. 1. Facebook 인증 활성화 2. Facebook 앱 만들기 및 Android Studio 환경 설정 1. Facebook 인증 활성화 활성화 버튼을 누르면 App ID, App secret 가 필요합니다. 2개의 정보는 https://developers.facebook.com/apps 여기에서 생성합니다. 2. Facebook 앱 만들기 및 Android Studio 환경 설정 앱 이름은 잘 기억하세요, 아래에서 사용할 일이 있습니다. 앱만들기 클릭 ~~ 비번을 물어보면 본인 계정의 비전을 입력하세요. 여기에 2개의 정보가 있습니다. App ID, App secret 를 복사/붙여넣기 하세요. 입력이 끝났으면 저장하기 전에 다음 단계를 위해서 붉은 박스 부분을 미리 ..
[Flutter] SNS login (1) - Firebase 설정 및 Google 인증 활성화 기본 구성은 아래와 같습니다. 1. Firebase 프로젝트 생성 2. 안드로이드 관련 설정 3. 구글 인증 활성화 4. 이메일 로그인 활성화 Flutter 프로젝트 생성 후, 아래의 절차대로 진행하면 됩니다. 1. Firebase 에 가입을 하시고 아래 버튼을 클릭하여 프로젝트 생성 2. Firebase 프로젝트에서 안드로이드 관련 설정(개발환경 : 윈10 & 안드로이드) 여기서 2군데의 정보는 아래와 같이 확인한다. 본인이 생성한 프로젝트의 android > app > build.gradle 입니다. 자바 SDK 설치 및 환경변수 설정 후, 아래의 명령어를 입력하면 됩니다. 그중에서 SHA1을 복사/붙여넣기 하면 됩니다. JSON 파일을 다운받고 android > app 폴더로 옮기기 붉은 박스 부분..

티스토리툴바