Firebase 연동(2)

src/App.js

@@ -1,23 +1,15 @@
-import { useEffect, useState } from "react";
-import { fireStore } from "./Firebase";
+import InitStation from "./InitStation";
 
 function App() {
-  const [subwayStation, setSubwayStation] = useState("");
+  const handleInitStation = async () => {
+    const stations = InitStation();
 
-  const handleOnClick = () => {
-    console.log("hi");
-    setSubwayStation("new Station");
+    console.log(stations);
   };
 
-  useEffect(() => {
-    console.log(fireStore);
-  });
-
   return (
     <div className="App">
-      <button onClick={handleOnClick}>클릭</button>
-      <div>{subwayStation}</div>
-      {fireStore._databaseId.projectId}
+      <button onClick={handleInitStation}>초기화</button>
     </div>
   );
 }

src/Firebase.js

@@ -1,5 +1,5 @@
 import { initializeApp } from "firebase/app";
-import { getFirestore } from "firebase/firestore/lite";
+import { getFirestore, doc, setDoc } from "firebase/firestore";
 
 const firebaseConfig = {
   apiKey: process.env.REACT_APP_API_KEY,
@@ -15,4 +15,12 @@ const firebase = initializeApp(firebaseConfig);
 
 const fireStore = getFirestore(firebase);
 
-export { fireStore };
+const initStation = async (stations) => {
+  stations.map(async (station) => {
+    const stationRef = doc(fireStore, "station", station.station_cd);
+
+    await setDoc(stationRef, { ...station, visited: false });
+  });
+};
+
+export { fireStore, initStation };

src/InitStation.js

@@ -0,0 +1,18 @@
+import StationInfo from "./StationInfo.json";
+import { initStation } from "./Firebase";
+
+const filterLine = (line) => {
+  if (line.length !== 4 || isNaN(parseInt(line.substring(0, 2)))) {
+    return false;
+  }
+
+  return true;
+};
+
+export default async () => {
+  const result = StationInfo.DATA.filter((station) => {
+    return filterLine(station.line_num);
+  });
+
+  initStation(result);
+};