firebase 로그인 및 로그아웃 구현하기

안녕하세요 홍가 입니다.

오늘은 firebase로 로그인 및 로그아웃을 구현해보려고 합니다.

 

아이디와 비밀번호를 받기 위해 사용을 했고요

 

useState를 사용해서 회원가입과 로그인을 나눴습니다.

 

click버튼을 사용하여 firebase에서 지원해 주는 구글 깃허브와 연동을 시켜줍니다.

 

이렇게 사용을 한다면 로그인이 완료가 됩니다.

 

제가 사용하는 react-router-dom 버전은 5.3.1 버전이기 때문에 navigate 말고 history를 사용했습니다.

 

이제 로그아웃 버튼을 누르면 다시 로그인 화면으로 이동이 되며

회원가입을 했던 이메일과 비밀번호를 적고 로그인버튼을 클릭하면 로그인이 다시 됩니다.