지난 번에 저장한 데이터를 보여주기위해서 데이터를 가져오는 코드를 썼다. 나는 데이터 전체를 한번만 가져오면 됐기 때문에 getDocs를 사용했다. 참고 필요한 요소 import 하기 import { initializeApp } from 'firebase/app'; import { getFirestore, collection, getDocs } from 'firebase/firestore'; 파이어베이스 저장소를 불러온다. const firebaseConfig = { apiKey: import.meta.env.VITE_FIREBASE_API_KEY, authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN, projectId: import.meta.env.VITE_..
firebase 공식문서 https://firebase.google.com/docs/firestore?hl=ko Firestore | Firebase 유연하고 확장 가능한 NoSQL 클라우드 데이터베이스를 사용해 클라이언트 측 개발 및 서버 측 개발에 사용되는 데이터를 저장하고 동기화하세요. firebase.google.com firebase 패키지를 설치한다. npm i firebase --save 데이터 저장에 필요한 요소를 import 한다. import { initializeApp } from 'firebase/app'; import { getFirestore, collection, addDoc } from 'firebase/firestore'; 프로젝트를 생성하면 나오는 config 정보를 이용..
firebase Authentication 이용해서 로그인 기능 구현하다가 안되고 자꾸 에러남 The error you provided does not contain a stack trace. 당신이 stack trace 없이 제공해줘서 나는 에러임 API key 감추려고 .env에 넣어서 했는데 그렇게 하면 오류나고 키 그대로 넣으면 오류 안남 .env파일이 문제구나하고 보니까 파일을 최상위 경로에 둬야되는데 있던 위치에 생성해서 놔뒀음 .env파일 최상위 경로로 이동하고 해결 invalid api key error in console Your API key is invalid, please check you have copied it correctly. 니 API key가 잘못됐으니까 맞게 복사했는지..
- Total
- Today
- Yesterday
- html
- vue
- Til
- vscode
- 깃
- 코드잇
- 회고
- 자바스크립트
- javascript
- 제로초
- 리액트
- 김버그
- 비주얼스튜디오코드
- 구름에듀
- Python
- 제이쿼리
- React
- TS
- map
- Typescript
- 코딩앙마
- 스파르타코딩클럽
- 파이썬
- 타입스크립트
- js
- 저스트코드
- 드림코딩
- CSS
- scss
- git
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |