파이어베이스
-
[ Firebase ] onSnapshot 을 통한 realtime 쿼리 이벤트 감지 및 useEffect 의 cleanup 기능TIL 2024. 6. 5. 22:19
만약 내가 SNS 서비스를 만들고 있다고 생각해보면올라오는 게시글의 등록, 수정, 삭제 상태를 실시간으로 확인할 수 있다. 과연 그 과정은 어떻게 이루어지는걸까? firebase 에는 onSnapshot() 함수를 통해 이뤄진다.onSnapshot 은 특정 문서나 컬렉션, 쿼리 이벤트를 감지하여 realtime 으로 이벤트 콜백 함수를 실행한다.이를 통해 우리는 db 에 들어온 쿼리를 새로고침 없이 화면에 반영할 수 있는 것이다. const postsQuery = query( collection(db, "posts") ); onSnapshot(postsQuery, (snapshot)=>{ const posts = snapshot.docs.map((doc) => { const {..
-
[ Firebase ] auth.authStateReady() 를 이용한 사용자 인증 상태 변화 감지하기TIL 2024. 5. 28. 21:54
authStateReady() 함수는 Firebase Authentication에서 제공하는 비동기 함수로,사용자의 인증 상태가 변할 때까지 기다렸다가 결과를 반환한다. 즉, 사용자가 로그인되어 있는지, 어떤 사용자가 로그인되어 있는지 확인하는데 사용된다. 이 함수는 프로미스를 반환하며, 프로미스가 성공적으로 해결되면 현재 로그인된 사용자에 대한 정보를 제공하고,실패하면 오류를 반환해준다. 사용할 수 있는 방법 예시 ✅ 사용자 맞춤형 UI 제공: 로그인 여부에 따라 UI를 다르게 표시하거나 기능을 제한해야 할 때✅ 인증이 필요한 데이터 액세스: 인증되지 않은 사용자가 민감한 데이터에 액세스하지 못하게 제어할 때✅ 실시간 사용자 상태 추척: 로그인, 로그아웃, 사용자 정보 변경 등 사용자 인증 상태 변화..