STOTV NOW [트러블 슈팅(6)] - 여러 데이터를 동기적(?)으로 가져오는 방법(Promise.all)

오늘은 파이어베이스에서 데이터를 가져오는 과정에서 생긴 문제와 해결 방법에 대해 정리해보려고 한다! 0.

닥친 문제 파이어스토어에 두 개의 컬랙션이 있었고 이 두 컬랙션을 하나의 함수 (getData()) 함수로 가져오려는 시도를 했다. 파이어베이스에 저장된 두 개의 컬랙션(필드의 형태는 비슷) 아래 코드는 원래 시도했었던 코드이다. // Home.js 파일 // 컬랙션 이름 const collectionName = ["today", "gold"]; const Home = () => { // 데이터 저장 배열 state const [dataObj, setDataObj] = useState([]); // 데이터 가져오기 const getData = () => { const collections = []; // 컬랙션을 담을 배열 collectionName.forEach(async (name) => { const documents = []; // 문서를 담을 배열 const queryS...