Flutter18 플러터(Flutter) - Google 로그인(sign in) 기능 구현하기 Firebase 콘솔에서 Authentication 설정하기 플러터 프로젝트 안드로이드 앱에서 구글 로그인 기능을 구현하려면, Firebase와 플러터 프로젝트를 연동한 후에, Firebase에서 Sign-in method에 Google을 추가해줍니다. Sign-in method 메뉴는 Firebase 프로젝트에 진입해서 빌드> Authentication으로 들어가면 보입니다. 간단하게 프로젝트 지원 이메일만 작성하면 구글 로그인 기능을 사용할 수 있게 됩니다. 의존성 및 구글 로고 이미지 추가하기 Firebase 설정을 마친 후에는 플러터 프로젝트 pubspec.yaml 파일에서 Firebase와 구글 sign in 라이브러리를 추가해줍니다. dependencies: ... google_sign_in:.. 2022. 10. 13. 플러터(Flutter) - Android 앱과 Firebase 연동 Firebase 프로젝트 생성하기 플러터 프로젝트에서 Android 앱과 Firebase를 연동할 때, 가장 먼저 해야 할 일은 Firebase 프로젝트를 생성하는 일입니다. Firebase 콘솔 사이트에서 '프로젝트 추가' 영역을 클릭해 프로젝트 만들기 화면으로 들어갑니다. 아래 화면에서는 프로젝트 만들기 단계를 통해 이미 만들어진 'instagram-clone' 프로젝트를 보여주고 있습니다. 프로젝트 이름을 지정한 뒤 두 번째 단계에서는 Google 애널리틱스를 구성하게 됩니다. 기존 계정이 있으면 선택하면 되고, 없다면 '새 계정 만들기'를 선택하면 됩니다. Firebase에서 Android 앱 등록하기 1. 앱 등록하기 프로젝트 생성을 마쳤다면 생성한 프로젝트로 진입한 뒤 Android 버튼을 클.. 2022. 10. 12. 플러터(Flutter) - 코드 작성이 쉬워지는 IDE 단축키 알아보기 플러터 개발을 위해 Android Studio와 같은 IDE 툴을 쓸 때 가장 자주 사용하는 세 가지 단축키를 소개합니다. Stateless 혹은 Stateful 위젯에 대한 boilerplate 코드를 만들 때, 특정 위젯을 다른 위젯으로 감싸거나 혹은 없앨 때, 줄 간격을 맞출 때 사용하는 단축키 각각이 무엇인지 예제와 함께 알아보겠습니다. Stateless Widget과 Stateful Widget 을 만드는 단축키 Stateless 위젯에 대한 boilerplate 코드를 만들 때는 stless + tab 키를 사용합니다. 반대로 Stateful 위젯의 경우에는 stful + tab 키를 사용해서 만들어 줍니다. 그런 다음 비어있는 class 칸에 이름을 넣어주면 바로 아래에 있는 Key에도 동일.. 2022. 10. 10. 플러터(Flutter) - Null Safety 에러 없애기 먼저 Null Safety 에러 하나를 해결하고, 플러터에서 얘기하는 Null Safety가 무엇이고 왜 적용되었는지 알아본 뒤, 코딩할 때 마주치는 null safety 관련 연산자 ?와 !, late에 대해 알아봅시다. 패키지를 추가한 뒤 마주친 Null Safety 에러 해결하기 제가 현재 포스트 작성 시점에서 사용 중인 플러터 버전은 3.3.3이고, 다트(Dart) 버전은 2.18.2입니다. 플러터 프로젝트에서 로그인 페이지를 구현하기 위해 flutter_signin_button 패키지를 추가했더니 dependencies에 있는 flutter_signin_button와 font_awesome_flutter가 null safety를 지원하지 않는다는 에러가 떴습니다. pubspec.yaml 파일을 .. 2022. 10. 9. 이전 1 2 3 4 5 다음
