React, Next.js, Firebase를 사용한 Google 소셜 로그인(3) - 구글

앞선 포스팅에 이어지는 글입니다.

https://dolgogae.tistory.com/71

React, Next.js, Firebase를 사용한 Google 소셜 로그인(2) - 이메일/비밀번호

---

환경

• OS: macOS
• IDE: vs code
• node: v20.6.0

---

firebase로 만드는 구글로그인도 매우 간단하니 

이전 글을 참고하면 쉽게 이해가 가능할 것이다. 따라서 코드만 첨부하도록 하겠다.

 

  const signInWithGoogle = () => {
    const provider = new GoogleAuthProvider();

    signInWithPopup(auth, provider)
    .then((result) => {
      toast.success('로그인에 성공했습니다.');
      redirectUser();
    })
    .catch((error)=> {
      toast.error(error.messsage);
    }); 
  }

이렇게 해서 구글 로그인에 성공한다면 동일하게 Firebase > Authentication > Users에서 등록이 된것을 확인 가능하다.