<aside> 💡 storage 불러오는 코드

</aside>

storage ⇒ 이미지, 동영상같은 파일 저장소

import { storage } from './firebase'
import { ref, getDownloadURL } from "firebase/storage";

export async function getFile(videoId) {
  const dataRef = ref(storage, 'videos/'+videoId)
  getDownloadURL(dataRef).then(res => {
    console.log(res)
  }
}

<aside> 💡 firestore 결과화면

</aside>

firestore ⇒ 그냥 데이터들 저장하는 저장소

<aside> 💡 firestore 불러오는 코드

</aside>

// db.js
import { query, getDocs, collection } from 'firebase/firestore'

export async function getData() {
  const arr = []
  const q = query(collection(db, 'dance'))
  const querySnapshot = await getDocs(q) 
  await querySnapshot.forEach(doc => {
    console.log(doc.id, "=>", doc.data())
    arr.push(doc.data())
  })
  console.log(arr)
  return arr
}

// app.js
const [danceData, setDanceData] = useState([])
  
  useEffect(async ()=> {
    try {
      await getData().then(res => {
        setDanceData([...danceData, ...res])
      })
    } catch (err) {
      return err
    }
  }, [])