2025/05/03 2

28. 사용자 로그인 상태 감지하여 프로필 정보 가져오기

로그인 상태 감지하여 프로필 정보 가져오기앱이 실행되면 로그인된 사용자가 있는지 확인하고 사용자 프로필 가져옵니다.main.js에서 authStore.initializeAuth() 호출authStorejs의 initializeAuth()에서 fetchProfiles()호출fetchProfiles()에서 현재 로그인된 사용자의 profile.id로 fetchProfile(foundProfile.id) 호출이 시퀀스에 따라 사용자의 프로필을 가져올 수 있습니다.✅ 로그인 상태 감지 - onAuthStateChanged란?Firebase Authentication에서 제공하는 함수로,사용자의 로그인 상태가 바뀔 때마다 자동으로 실행되는 리스너(listener) 입니다.📦 사용법 예시 (JavaScript)i..

27. Vue 3 + Vuetify + Pinia + Firebase Firestore 기반의 계정 설정

계정 설정우리는 createUserWithEmailAndPassword 메서드로이메일과 패스워드만으로 계정을 생성하였습니다.계정 또한 Firebase Auth에 저장됩니다. 앱에서는 사용자의 계정 등록 정보 외에 사용자 이름 등의 추가적인 정보가 필요합니다.또, OAuth를 이용한 로그인을 허용한다면 한 사람의 사용자가 여러 계정으로 로그인할 수 있습니다.OAuth의 여러 계정이 같은 사용자라면 한 사람의 사용자로 통합하여야 합니다. 앱에서는 이를 위하여 계정과는 별도의 계정 설정 정보를 저장합니다.사용자의 이름, 현재 상태, 사용자 소개 등의 정보를 Firestore의 profiles 컬렉션에 저장합니다. profiles 컬렉션의 각 user 문서에는 uids 배열 항목이 있습니다.이것은 각 다른 OA..