firebase 사용하기 3 (social login)

1. goolge 과 github 계정을 사용한 소셜 로그인을 하도록 한다.

2. firgebase 계정에서 로그인 제공업체로 google과 github를 추가하고
   (github는 조금 까다로움)

3. Auth.js 파일에서 구현하기

https://firebase.google.com/docs/auth/web/google-signin?hl=ko
구글 로그인 firebase 문서 링크

import {
  getAuth,
  GoogleAuthProvider,
  GithubAuthProvider,
  signInWithPopup,
} from "firebase/auth";

사용 할 메서드를 임포트 받는다.

const auth = getAuth();

 const onSocialClick = async (event) => {
    const {
      target: { name },
    } = event;
    let provider;
    if (name === "google") {
      provider = new GoogleAuthProvider();
    } else if (name === "github") {
      provider = new GithubAuthProvider();
    }
    const data = await signInWithPopup(auth, provider);
    console.log(data);
  };

provider 인스턴스를 생성하고 signInWithPopup 매서드를 이용하여 소셜 로그인 한다.