웹개발/Firebase
-
Firebase 보안웹개발/Firebase 2021. 1. 19. 15:01
- Authentication Sign-in method 승인된 도메인만 접속할 수 있게 함으로써 보안 강화 - Cloud Firestore 규칙 규칙 수정으로 보안 강화 - Google Cloud Platform console.developers.google.com/apis/dashboard?project=nwitter-9f89e Google Cloud Platform 하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요. accounts.google.com 사용자 인증 정보 - Browser key - 애플리케이션 제한사항 - HTTP 리퍼러(웹사이트) - 웹사이트 제한사항 웹사이트 제한 사항에 파이어베이스 주소를 꼭 넣어줘야 함 파이어베이스 주소..
-
ReactJS, Firebase 트위터 클론코딩웹개발/Firebase 2021. 1. 18. 22:58
[노마드코더] 트위터 클론코딩 - 웹 사이트 501501.github.io/nwitter/#/ React App 501501.github.io - 소스코드 github.com/501501/nwitter.git 501501/nwitter Cloning Twitter with React and Firebase. Contribute to 501501/nwitter development by creating an account on GitHub. github.com
-
Firebase (3)웹개발/Firebase 2021. 1. 17. 22:41
* Edit Profile //어떻게 필터링 할지, 어떤 순서로 필터링 할지, 원하는만큼 쿼리를 엮을 수 있음 const nweets = await dbService .collection("nweets") .where("creatorId", "==", userObj.uid) .orderBy("createdAt") .get(); console.log(nweets.docs.map((doc) => doc.data())); }; -> 에러: noSQL 기반 DB라서 몇몇 기능은 이렇게 작동될 수 없음 해당 쿼리에는 index가 필요함 => pre-made query를 만들어야 한다는 뜻 우리가 이 쿼리를 사용할 거라고 데이터베이스에게 알려줘야 함 에러 메세지에 뜨는 링크를 눌러서 색인을 만들어줘야 함 - upd..
-
Firebase (2)웹개발/Firebase 2021. 1. 17. 01:09
- Database Setup · Cloud Firestore · 테스트 모드로 시작하기 · fbase.js에서 import "firebase/database"; 추가 · Cloud Firestore의 database는 NoSQL database · 많은 것들을 프로그램하지 않아도 되고, 유연함을 가지고 있지만 몇 가지 제한 사항이 있음 (1) Collection과 Document가 있음 Collection은 기본적으로 폴더와 같음 Document는 컴퓨터에 있는 문서 같은 것 (doc 문서 같은 텍스트) 하나의 database는 collection들을 가지고 있고 각 collection은 documents들을 가지고 있음 (2) firebase.google.com/docs/reference/js/fir..
-
Firebase (1)웹개발/Firebase 2021. 1. 15. 02:45
- jsconfig.json 파일 생성 create-react-app.dev/docs/importing-a-component/ Importing a Component | Create React App This project setup supports ES6 modules thanks to webpack. create-react-app.dev - Firebase 인증 firebase.google.com/docs/reference/js/firebase.auth auth | JavaScript SDK | Firebase Reference for auth firebase.google.com - setPersistence 사용자들을 어떻게 기억할 것인지 선택할 수 있게 해줌 React Native 앱과 웹 브라우..