[리액트네이티브] react-native firebase 연동 파이어베이스 연동

종합프로젝트에서 ​ 엑스포를 사용하고 ​ firebase와 react native 연동하는 부분이 있었다 ​ 적어놔야 할 거 같아서 입력 ​ ​ 일단 파이어베이스와 연동하려면 ​ install 해야하는 부분이 있다 npm install --save @react-native-firebase/app npm install @react-native-firebase/database npm install @react-native-firebase/firestore 이렇게 3가지를 install해야한다 ​ yarn을 사용하면 yarn add @react-native-firebase/app yarn add @react-native-firebase/database yarn add @react-native-firebase/..

• format_list_bulleted 프론트/React Native, React
• · 2023. 6. 26.
• textsms

[리액트네이티브] react-native firebase firestore 데이터 읽기

일단은 firebase와 연동 했던 부분의 ​ 코드를 가져와야겠죠? ​ firebaseConfig.js에 내 데이터베이스와 연동 되어 있을 것이다 import { db } from './firebaseConfig'; 그리고 해당 데이터 베이스에 있는 값을 읽어 와야할 것이다 //firestor 연동 const [users, setUsers] = useState(); const readfromDB = async () => { try { const data = await getDocs(collection(db, "Station")) setUsers(data.docs.map(doc => ({ ...doc.data(), id: doc.id }))) users?.map((row, idx) => { console...

• format_list_bulleted 프론트/React Native, React
• · 2023. 6. 26.
• textsms

[리액트네이티브] react-native firebase storage에 이미지 업로드 하기

firebase 에서 storage를 생성한다 ​ 꼭!!!!!!!!!! rules를 true로 해줘야지 올릴수 있음!! 안올라가서 뭐지 뭐지 했는데ㅜㅜ 완전 까먹었었음! ​ ​ 해당 내용은 아래 링크에서 참고하시오오오우 https://instamobile.io/mobile-development/react-native-firebase-storage/ 그래서 일단 막 하고 있는 중인데 https://firebase.google.com/docs/storage/web/upload-files?hl=ko 웹에서 Cloud Storage로 파일 업로드 | Cloud Storage for Firebase Google I/O 2023에서 Firebase의 주요 소식을 확인하세요. 자세히 알아보기 의견 보내기 웹에서 Cl..

• format_list_bulleted 프론트/React Native, React
• · 2023. 6. 26.
• textsms