kyumoni_dev

Firestore Firebase에서 제공하는 NoSQL 형식의 클라우드 데이터베이스 애플리케이션 개발을 하다보면 데이터를 저장하고 불러오는 일이 매우 중요한데, Cloud Firestore는 이러한 일을 쉽게 도와줌 Firestore는 실시간 데이터 동기화를 지원하며, 웹, 안드로이드, iOS에서 데이터를 저장하고 동기화할 수 있음 데이터는 문서(document)와 컬렉션(collection)의 형태로 저장되며,이는 효율적인 쿼리 작성을 가능하게 함 오프라인 지원 제공 (네트워크가 연결되면 서버는 파일을 동기화함) 장점 실시간 데이터 동기화 실시간 채팅 및 데이터 분석 등 실시간 기능 애플리케이션 개발 구조화된 데이터 문서 - 컬렉션 형태로 데이터 저장 / 구조화된 데이터 쉽게 저장하고 불러올 수 있음..

1. useState, form 태그, 유효성 검사, firebase auth 기능을 통해 회원가입 기능을 구현함 2. 유효성 검사를 통한 email, password 결과는 바로바로 화면에 업데이트 되도록 구현함 (추후에는 버튼 클릭시 유효성 검사 진행하는 케이스도 기록해야겠음) 회원가입/로그인 구현 state 업데이트 필요한 변수 useState 통해 세팅 const [error, setError] = useState(""); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [passwordConfirm, setPasswordConfirm] = useState(""); 먼저 form 태..

onAuthStateChanged 적용하기 onAuthStateChanged 개념 Firebase Authentication 서비스에서 제공하는 메서드 인증 상태가 변경될 때마다 호출되는 리스너 설정 (로그인 ,로그아웃) 사용자 객체를 인자로 받는 콜백 함수 등록 사용자의 로그인 상태 확인 후 적절한 작업 수행 로그인 상태일 때는 사용자의 정보를, 아니라면 null을 리터함 onAuthStateChanged 예시 코드 설명 : 사용자가 로그인 하거나 로그아웃 할 때 콘솔에 사용자의 상태 출력 onAuthStateChanged를 사용해 사용자의 로그인 상태를 실시간으로 파악하고, 원하는 특정 작업을 수행할 수 있음 onAuthStateChanged 공식 문서 예시 onAuthStateChanged 코드 적..

Firebase Authentication 쉽게 사용자 인증을 구현할 수 있도록 돕는 Firebase 서비스 이메일과 비밀번호 인증, 소셜 미디어 인증, 전화번호 인증 인증 번호 안전하게 저장 인증 정보 변경시 실시간으로 앱에 업데이트 인증 이메일 전송, 비밀번호 재설정 이메일 전송 등의 기능 장점 편의성 복잡한 인증 과정을 Firebase가 대신 처리 클라이언트 사이드 개발에만 집중 소셜 미디어 계정 인증 OAuth 2.0과 OpenID Connect 지원 각종 소셜 미디어 계정 이용한 인증 쉽게 구현 보안 사용자의 비밀번호 안전하게 암호화 HTTPS 이용해 데이터 전송 보안 언제 Firebase Authenticationd을 사용하는가? 로그인 시스템 사용자 프로필 시스템 Firebase Authen..

Firebase가격정책 : https://firebase.google.com/pricing?hl=ko Spark 무료 버전으로 진행 1. Firebase 프로젝트 생성 2. Firebase 앱 설정 생성된 Firebase 프로젝트 페이지에서, "웹"을 선택하고 앱의 별칭을 입력 Firebase SDK를 추가하는 과정에서, Firebase가 제공하는 구성 객체를 복사 3. React 프로젝트에 Firebase 설치 yarn add firebase 4. React 앱에 Firebase 초기화 FirsebaseApp.ts 파일 생성 Firebase SDK 추가 process.env 를 통해 환경변수 가져올 수 있음 import { initializeApp } from "firebase/app"; // Your..

Firebase 실시간 데이터베이스 인증, 스토리지, 분석 등 다양한 기능을 제공하는 모바일 및 웹 앱 개발 플랫폼 2011년 스타트업에서 시작 (실시간 채팅 기능) >> 2014년 구글이 인수 (백엔드 서버리스) 백엔드 서버 구축하고 관리 X. Google Cloud Platform을 이용해 빠르고 효율적인 개발 특히 실시간 기능 서비스, 클라이언트 사이드 집중, 초기 프로토타입 개발에 유용 프로젝트에서 사용할 주요 기능 : Authentication, Firestore, Storage, Hosting Authentication : 간편한 다중 플랫폼 로그인 이메일 인증, 소셜 미디어 계정 인증, 전화번호 인증방식 제공 보안 강화, 사용자 인증 과정 안전하게 처리 Firestore : NoSQL 데이터..