본문 바로가기

전체 글

 (646)
[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 폴더로 옮기기 붉은 박스 부분..
[Flutter] Web 기본설정 Firebase 에서 웹 등록 버튼을 클릭 후 아래의 SDK 부분을 web/index.html 에 추가함 실제로 개인 설정 파일 내용 - 상세 설정 참고 사이트 ==> https://firebase.flutter.dev/docs/overview - 이메일 로그인/구글로그인/페이스북 로그인/애플로그인(개발자 계정필요해서 못함) // 버전은 현재 기준 최신버전임, 아래 내용은 개인의 환경에 따라 다름 // 안드로이드 앱에서 보이던 사진들(URL로 로딩하는 사진)이 안보이는 오류 발생시 대처방법 // 아래 부분은 기본 설정부분(flutter 프로젝트 생성시 자동 생성)
[Flutter] Getx 실전 참고 영상: (https://www.youtube.com/watch?v=qKIgy26u-uE&t=6s) 참고영상을 바탕으로 provider 방식을 Getx 방식으로 변경한 코딩입니다. 전체 흐름도 (이해를 돕기위해서 코딩을 의역한 부분이 있습니다) 구성 : main.dart, app.dart, movie.dart, movie_repository.dart, movie_controller.dart, category_movie_list.dart main.dart import 'package:flutter/material.dart'; import 'package:flutter_tmdb/src/app.dart'; import 'package:flutter_tmdb/src/controller/movie_contro..
[Flutter] Firebase SHA-1 keytool 업글) 하단에 작성한 내용은 안드로이드 스튜디오 3.6.3 버전에서 테스트한 결과입니다. Arctic Fox 에서는 메뉴 구성이 변경되어 정상동작하지 않습니다. 그래서 최신 환경(2022.01.07)에서 구현한 방법은 아래와 같습니다. 프로젝트폴더의 adnroid 폴더로 이동한 후 아래 명령어 실행 (또는 안드 스튜디오에서 터미널을 열고 cd android && ./gradlew signingReport 이렇게 명령어를 실행해도 됨) ./gradlew signingReport 명령어를 실행하면 됨. 명령어를 실행할때 주의 사항 >>> Enter 키로 실행시키면 오류가 발생하는 경우가 있다. 이럴때는 윈도우 : Ctrl + Enter 맥 : Command + Enter 결과는 아래 사진과 같음. -----..

티스토리툴바