리액트 심화반 2주차(3)

Firebase Authentication

Autentication 둘러보기

https://firebase.google.com/docs?authuser=0 

문서  |  Firebase

 

회원가입 구현하기

1. firebase.js에 만들어둔 auth 가져오기
2. 리덕스에서 signupFB 함수 만들기
3. auth.createUserWithEmailAndPassword()로 가입 시키기
4. Signup 컴포넌트에서 signupFB를 호출!
5. 가입한 후, display_name 바로 업데이트하기
6. 사용자 정보 업데이트 후에 메인 페이지로 이동하기

 

로그인 구현하기

1. firebase.js에 만들어둔 auth 가져오기
2. 리덕스에서 loginFB 함수 만들기
3. auth.signInWithEmailAndPassword()로 로그인
4. Login 컴포넌트에서 loginFB를 호출!
5. 리덕스의 user 정보 업데이트 후에 메인 페이지로 이동하기

 

로그인 유지하기

1. 로그인 시, 세션에 로그인 상태를 기록하도록 바꿔줍니다.
2. firebase 인증 키를 export 해줍니다.
3. 세션을 체크해서 로그인 상태를 유지합시다!
4. 혹은? 파이어베이스를 통해 로그인 한 상태가 맞나 확인해야죠! 맞다면 → 유저 정보를 가져다가 넣어줘야하니까요!

 

로그아웃 구현하기

파이어 베이스 인증에서 제공하는 로그아웃 함수 하나만 호출하면 된다.