[React] 키록장 프로젝트 🔐 -4

유지연·2024년 1월 7일

👋 어느덧 키록장 4번째 기록! 근데 이제 진전은 별로 없는... (TIL 240103)

Firebase Authentication

firsebase 콘솔에서 authentication 기능을 활성화한 후, email/pw를 선택하여 enable로 상태를 바꿔준다. firebase 상에서 활성화시켰다면, 우리의 코드 상에서도 auth 기능을 사용하겠다고 선언해야한다.

(firebase.ts)
const app = initializeApp(firebaseConfig); //app 생성
export const auth = getAuth(app); //생성한 app에 대하여 authentication을 사용하겠다

앞선 포스팅에서 firsebase가 유저 정보를 받아올 때까지 loading screen을 보여주기로 했으니, 이 부분의 코드를 아래와 같이 채워준다. authStateReady()는 firebase의 초기 인증 상태를 확인하는데 사용된다.

const init = async() => {
    await auth.authStateReady(); //인증 상태가 준비되었는가?
    setLoading(false);
  };

form 태그에 대해 너무 자세히 잘 정리된 글이 있어 첨부한다.
https://365kim.tistory.com/64

Keep At It