comFFuny comFFuny

1. 구글로그인 초기 세팅 firebase 프로젝트에서 Authentication에서 sign-in method 에서 google를 활성화 시켜준다. 그 후 프로젝트 설정으로 들어가서 하단에 SHA certificate fingerprints 부분이 입력 되어 있어야 한다. 이 부분을 확인하기 위해 android studio 에서 terminal로 간 후 cd android 폴더로 변경해준다. 그 후 ./gradlew signingReport를 입력해주면 무언가 쭉 뜬다. 그러면 testing 중이라면 variang가 debug 인것 에서 sha1을 입력해주면 된다. sha-256도 업력해주면 된다. 그러나 출시 하려는 앱이라면 variant가 release 부분을 입력 해주면 된다. 하지만 현재는 co..

1. creat user 를 할 시에 여러가지 에러 상황이 발생할 수 있다. 그때를 대비해서 try catch 문을 이용한다. catch 도 그냥 catch가 아닌 catch 앞에 on FirebaseAuthException으로 해준다. /// Tries to create a new user account with the given email address and /// password. /// /// A [FirebaseAuthException] maybe thrown with the following error code: /// - **email-already-in-use**: /// - Thrown if there already exists an account with the given email ..

1. 프로젝트 생성 후 코딩파파의 파일을 다운 https://github.com/thecodingpapa/template_by_thecodingpapa/tree/email-login GitHub - thecodingpapa/template_by_thecodingpapa Contribute to thecodingpapa/template_by_thecodingpapa development by creating an account on GitHub. github.com 받은 후 프로젝트에 lib 내 파일 복사 붙여넣기, assets 폴더 붙여 넣기 한 후 package를 email_auth로 전부 변경, image를 사용 할 수 있게 pubspec.yaml 에서 assets 에 assets/ 경로 추가, pr..

1. 로그인 부분과 가입 부분 탭 토글 만들기 ButtonBar를 만들고 그 안에 flatbutton 2개 만들어서 TextStyle 로 fontWeight나 color을 줘서 bool 값을 하나 만들고 if를 반대로 하여 토글 값으로 하여 스타일을 다르게 준다. flutter은 TextButton으로 만든다 ButtonBar( children: [ FlatButton( onPressed: (){ setState(() { isRegister = false; }); }, child: Text( "Login", style: TextStyle( fontSize: 18, fontWeight: isRegister?FontWeight.w400:FontWeight.w600, color: isRegister?Color..

1. 로그인 버튼 만들어 주기 Flutter 2.0이 되면서 몇개의 버튼이 중요도가 사라지고 다른 버튼들로 바뀜 FlatButton, RaisedButton, OutlineButton 이 각각 TextButton, ElevatedButton, OutlinedButton 으로 바뀜 https://seosh817.tistory.com/56 참고 FlatButton ( onPressed: () { // 원래 강의에서는 _formKey.currentState.validate() 인데 validate 에 밑줄이 처짐 왜그런지 모르겠음 // 그러나 !표가 들어가서 하니깐 정상 작동이 됨.... !가 null체크 인거 같음 그 체크를 위해 !표가 쓰이는 것으로 보임 // 확인 결과 flutter 2.0 이후 null..

1. 배경화면을 색 말고 이미지로 넣을 수 있음 gif까지 가능 gif 파일을 다운 받은 후 root에 assets 폴더 생성 후 해당 폴더에 넣어줌 pubspec.yaml 에서 하단의 asset 부분을 아래와 같이 주석을 제거하고 변경 해 준다. assets: # 해당 폴더 내의 이미지 모두 사용 - assets/ auth_page.dart에서 Container에 이미지를 넣어 주면 된다. child: Container( decoration: BoxDecoration( image: DecorationImage( image: AssetImage('assets/image.gif'), fit: BoxFit.cover, ), ), ) fit 옵션으로 크기 조절 가능 decoration과 color이 같이 있으..

* 새 패키지 생성이 안될 시 File - Project Structure - Modules - lib 폴더 선택 후 상단의 Sources 선택하면 폴더가 Packages로 변경되고 생성도 할 수 있음 1. 메인 페이지 분리 lib 폴더에서 New Packages로 pages를 생성 후 my_home.dart 생성 home.dart에 MyHomePage 와 _MyHomePageState의 class 를 변경 해준 후 빨간 줄이 표시된 부분에 Alt + Enter로 import 'package:flutter/material.dart'; 해당 부분을 import 해주면 됨 main.dart에서도 MyhomePage의 빨간 밑줄에서 Alt + Enter 후 import 'pages/my_home.dart'; ..

1. Flutter 설치 https://flutter.dev/docs/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. flutter.dev 2. zip 파일 다운로드 후 c:\flutter 에 압축 해제후 환경 변수에 c:\flutter\bin 을 Path에 입력 3. cmd 창에서 flutter --version 입력 명령어가 정상으로 나오면 제대로 설치 된 것 4. android studio 설치 https://developer.android.com/studio