Firebase with Next.js(2)

저번에 auth를 습관적으로 auto라고 쓴 걸 모르고 실행을 해서 에러가 났었다.

오타를 수정해 보니 잘 작동이 되었다.

오타가 수정된 모습

 

화면에 보이는 모습(localhost)

화면에서 로그인 버튼을 누르면 firebase로 설정한 로그인 기능이 구현되도록 되어있다.

이 중에 하나의 아이디를 골라서 로그인을 시도하면 

console에는 res.user와 res.credential이 찍히게 해 두었다.

Q라고 찍힌 부분을 들여다보면 

uid(유니크아이디), displayName, photo url, email 등이 담겨있다.

이제 이것들을 store로 가져올 시간이다.

필요한 것들을 위와같이 설정해주고

혹시 모를 에러에 대비해서 아래와 같이 catch를 사용한다.

에러가 나면 에러의 내용이 팝업으로 뜨게 되어있다. 상세내용은 console에 찍힌다.