파이어베이스로 회원가입을 구현했는데, 다른 폼 항목을 추가하면 에러가 납니다..

updateProfile 메서드를 사용해보세요 userNickname을 폼으로부터 받고 이런식으로 한줄 추가하면 될것 같아요. await updateProfile(firebaseAuth.currentUser, {displayName : userNickname}) https://firebase.google.com/docs/auth/web/manage-users?hl=ko 사용자 프로필 업데이트

파이어베이스의 createUserWithEmailAndPassword 메서드는 이메일과 비밀번호를 사용하는 인증 방법을 처리하는데, 이메일과 비밀번호 이외의 다른 폼 항목을 추가하려면 Firebase의 Authentication 데이터베이스에 사용자의 추가 정보를 저장해야 합니다. Firebase Authentication에 사용자 추가 정보를 저장하는 방법은 여러 가지가 있습니다. 일반적으로는 Firebase Realtime Database나 Cloud Firestore와 같은 Firebase의 데이터베이스 서비스를 사용하여 사용자 데이터를 저장합니다. 이 경우, 회원가입이 성공했을 때, createUserWithEmailAndPassword 메서드로 생성된 사용자 객체의 uid를 사용하여 데이터베이스에 사용자 정보를 추가할 수 있습니다. 아래는 예시 코드입니다. 이 코드에서 setDoc 메서드를 사용하여 users 컬렉션의 uid 문서에 nickname 속성을 추가합니다. 이렇게 추가된 사용자 정보는 나중에 필요할 때 Firebase의 데이터베이스에서 가져올 수 있습니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
import { createUserWithEmailAndPassword } from "firebase/auth";
import { getFirestore, doc, setDoc } from "firebase/firestore";

const onSubmit = useCallback(async e => {
  try {
    const { email, password, nickname } = e;

    const userCredential = await createUserWithEmailAndPassword(firebaseAuth, email, password);
    const uid = userCredential.user.uid;

    const userRef = doc(getFirestore(), 'users', uid);
    await setDoc(userRef, {
      nickname: nickname
    });
    
    console.debug(userCredential.user);
  } catch (error) {
    reportError(error);
  }
}, []);