💖 목표 - firebase를 연동한 회원가입, 로그인, CRUD 기능 익히기
- Firebase(파이어베이스)란?
웹사이트를 통해 제공해주는 백엔드 서비스.
Firebase는 무언가를 아주 빠르게 시작할 수 있도록 도와줌.(Authentication 기능은 5분에서 10분 안에 구현 가능)
시간 투자 없이 데이터베이스를 만들 수 있고 백엔드에서 데이터를 생성할 수 있으며, 파일 또한 손쉽게 업로드 가능.
아이디어를 테스트해보고자 할 때 주로 사용. 실제 프로젝트에서는 잘 사용하지 X(Firebase의 서버를 빌려쓰는 개념)
Firebase에는 대부분의 기능들이 다 있기 때문에 아이디어를 조금 더 규모 있게 테스트해볼 수 있음.
Firebase와 경쟁하고 있는 것은 AWS와 amplify.
Firebase가 좀 더 역사가 있고 더 많은 사람들이 이용해왔으며, 커뮤니티 또한 아주 거대함.
- Firebase의 기능에는 이러한 것들이 있음
💖 Build better apps
- Cloud Firestore(관련 코드 없이 데이터베이스를 사용할 수 있게 해주는 기능 - ios, android, web 모두 사용 가능)
- Firebase ML(Machine Learning을 할 수 있게 해주는 기능)
- Cloud Functions(serverless function 기능 - AWS의 lambda와 비슷)
- Authentication(인증 기능),
- Hosting(배포 기능),
- Cloud Storage(기본적으로 업로드의 기능 - AWS의 S3와 비슷),
- Realtime Database(파이어베이스의 원조 데이터베이스 - 지금은 잘 사용하지 않음)
💖 Imporve app quality(구글이 Firebase를 인수하면서 analytics 분야가 특히 강력해짐)
- App Distribution(ios, android 버전의 배포를 도와주는 기능 - 테스터들의 모바일을 통하여)
- Test Lab(웹사이트를 각종 기기별로 테스트할 수 있게 해주는 기능)
- Crashlytics(application의 충돌을 볼 수 있게 해주는 기능 - ios, android, unity에서만 사용 가능)
- Performance Monitoring(App 성능을 보여주는 기능)
💖 Grow your business(analytics가 조금 더 확장됨)
- In-App Messaging(App 사용자들에게 메시지를 보낼 수 있는 기능)
- Google Analytics(구글 분석 기능)
- Predictions
- A/B Testing
- Cloud Messaging(푸쉬 알림을 사용할 수 있게 하는 기능)
- Remote Config
여기서 우리가 이번에 사용해볼 것들은 Cloud Firestore, Hosting, Authentication, Cloud Storage 기능임
- Firebase는 무료가 아님(시작은 무료지만 이후에는 사용료를 지불해야 함)
예를 들어, 아주 무거운 파일의 업로드를 테스트하고자 한다면 비용을 지불해야 함.
but, A/B Testing, Analytics, App Distribution, App Indexing, Authentication 등을 무료로 사용할 수 있음.
💖 Authentication 무료 범위
- 핸드폰 번호를 통한 사용자 인증을 하고자 하거나 유저 10,000명까지
- 페이스북, 이메일, 패스워드 등
💖 Cloud Firestore 무료 범위
- data를 1GB까지
- Document writes를 하루에 20,000회까지
- Document reads를 하루에 50,000회까지
- Document deletes를 하루에 20,000회까지
💖 Hosting 무료 범위
- GB stored를 10GB까지
💖 Storage 무료 범위
- GB stored를 5GB까지(첨부할 파일의 용량에 주의를 두어야 함)
'(심층)리액트' 카테고리의 다른 글
트위터 클론코딩(with firebase) - 03 (0) | 2023.02.03 |
---|---|
트위터 클론코딩(with firebase) - 02 (0) | 2023.02.01 |
React Hooks - 03 / useState를 활용한 useTabs (0) | 2023.02.01 |
React Hooks - 02 / useState를 활용한 useInput (0) | 2023.01.31 |
React Hooks - 01 (1) | 2023.01.26 |
github : https://github.com/dnjfht
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!