2023.11.22 (수) TIL

Firebase를 통한 로그인/로그아웃 구현

로그인 로그아웃 형식

const [email, setEmail] = useState("");
const [password, setPassword] = useState("");

//함수 
const signIn = (event) => {
    event.preventDefault();
  };
  const logOut = (event) => {
    event.preventDefault();
  };

<button onClick={signIn}>로그인</button>
 <button onClick={logOut}>로그아웃</button>

로그인 함수

const signIn = async event => {
    event.preventDefault();

    try {
      await signInWithEmailAndPassword(auth, email, password);
      alert('로그인이 완료되었습니다.');
      setAuthenticatedEmail(email);

• async await 을 통해 비동기 처리 하여 Firebase에 내장된 함수 signInWithEmailAndPassword 를 실행하여 인증,이메일,패스워드를 넘겨 줍니다

로그아웃 함수

onst logOut = async event => {
      event.preventDefault();
      await signOut(auth);

• 로그아웃 역시 async await 을 통해 비동기 처리하여 Firebasee에서 제공하는 singOut 메소드를 실행하여, 인증정보를 날려 해당 회원을 로그아웃합니다