2022.10.21 - [Flutter/Flutter Project] - [소셜차트] 앱 제작기 #3. Navigation 시스템 구성
[소셜차트] 앱 제작기 #3. Navigation 시스템 구성
2022.10.14 - [Flutter/Flutter Project] - [소셜차트] 앱 제작기 #2. 기본 설정 [소셜차트] 앱 제작기 #2. 기본 설정 우선 프로젝트 생성. 👇 %flutter create --org com.petercircuitsoft socialchart --org 옵..
engschool.tistory.com
로그인은 Firebase authenticate를 사용해서 구현할거야. 이메일 로그인하고 소셜 로그인을 넣을건데 소셜 로그인은 Apple이랑 Google만 넣으면 될 것 같아. 트위터 정도 추가로 넣을까 고민해보고.. 카카오? 라인? 안해 ㅋ
먼저 firebase 콘솔에서 authenticate 추가.
실제 구현하려면 아래 참고하시고👇👇
2022.10.11 - [Flutter/Flutter Study] - [Flutter] - Firebase auth! 이메일 로그인.
Flutter - Firebase auth! 이메일 로그인.
난 React native로 앱을 만들 때 firebase를 주로 사용했어. Firebase authenticate, Firebase firestore, Firebase Storage, Firebase function 이런 것들을 사용했었지. 사실 혼자서 백앤드까지 할 자신이 없어..
engschool.tistory.com
2022.10.12 - [Flutter/Flutter Study] - [Flutter] - Firebase auth! 소셜 로그인
[Flutter] - Firebase auth! 소셜 로그인
2022.10.11 - [Flutter] - Flutter - Firebase auth! 이메일 로그인. Flutter - Firebase auth! 이메일 로그인. 난 React native로 앱을 만들 때 firebase를 주로 사용했어. Firebase authenticate, Firebase fire..
engschool.tistory.com
이제 앱 화면을 구성할 차례인데 원래 로그인 화면은 하나가 아니었음. 기본 로그인 화면, 계정 만들기 화면, 비밀번호 찾기 화면 이렇게 3개의 화면이 존재했었는데 생각을 바꿨어.
이메일 + 비밀번호 방식을 버리고 이메일 링크로 로그인 방식을 취하면서 비밀번호 찾기 화면과 계정 만들기 화면이 필요없어졌어. 유저는 기본 화면에서 이메일을 입력 후 로그인 링크 전송 버튼을 누르고 이메일 링크를 확인하는 것으로 회원 가입 + 로그인을 한번에 끝내. 로그 아웃을 하고 다시 로그인을 할 때도 똑같은 방식을 사용하게 될거야. 비밀번호를 찾거나 그런 짓은 이제 필요없음!
파이어베이스 이메일 링크로 로그인 하는 방법은 아래 글을 참고해. 👇
2022.10.21 - [Flutter/Flutter Study] - [Flutter] Firebase auth email link login
[Flutter] Firebase auth email link login
Firebase auth에서 email password 로그인 말고 email link 로 로그인하는게 있어. 그냥 email, password하면 되지 왜 사서 고생이냐고? firebase 방식이 email이랑 password만 입력하면 바로 계정을 만들 수 있어..
engschool.tistory.com
아래는 이메일 링크 동작 확인👇
당연하겠지만 한번 로그인에 사용된 링크는 다시 재사용이 불가능하고 여러번 로그인 링크를 전송하더라도 마지막 링크만 유효하기 때문에 링크가 노출되서 보안에 문제가 생길 일은 없을 것 같아.
이제는 슬슬 내부 기능들을 구현해야 해. 힘든 시간이 다가오고 있지! 오늘이 10월 22일.. 이번달 안에 러프하게라도 주요 기능들을 다 구현해볼 작정임! 내일부터는 firebase model 작성 돌입! 즐 주말 안녕!
'Flutter > Flutter Project' 카테고리의 다른 글
| [소셜차트] 앱 제작기 #6. Profile & Notice Screen Layout (1) | 2022.10.26 |
|---|---|
| [소셜차트] 앱 제작기 #5. Model and Firestore 1% (0) | 2022.10.24 |
| [소셜차트] 앱 제작기 #3. Navigation 시스템 구성 (0) | 2022.10.21 |
| [소셜차트] 앱 제작기 #2. 기본 설정 (0) | 2022.10.14 |
| [소셜차트] 앱 제작기 #1. 시작하기 전에! (0) | 2022.10.14 |