구글 로그인 구현하기

오늘은 파이어베이스로 구글로그인을 구현했다.
사실 튜터님이 다 구현해둬서 코드를 보고 이해하고 내 방식대로 바꾼 것일 뿐이지만..

구조분해 (Destrucruring)

배열이든 객체든 괄호를 없애준다. -> 가독성이 굉장히 높아진다.
나는 이를 튜터님의 예시 코드에서 찾을 수 있었다. (구글 로그인 구현)

const socialLogin = (event) => {
  // 구조분해
  const { id } = event.target;
  console.log(id);
  let provider;
  if (id === "loginGoogle") {
    provider = new GoogleAuthProvider();
  }
  signInWithPopup(authService, provider)
    .then((result) => {
      const user = result.user;
    })
    .catch((error) => {
      // Handle Errors here.
      console.log("error:", error);
      const errorCode = error.code;
      const errorMessage = error.message;
    });
};

아래 const{ id } = event.target 부분에서 구조분해가 쓰이는데, event.target 부분을 id 값으로 넣는것이였다.
원래라면 getElementById 를 써야겠지만 저 구조분해로 인해 id 만 써도 되는것!

사실.. 아직 완벽하게 이해는 못했지만 기본기를 좀 더 공부하다보면 완벽하게 이해할 수 있을 때가 올거라고 생각한다.

오늘의 코딩력 +10