스파르타 코딩 클럽 🤟🏻 - 개발일지 4

라이브러리

import firebase from "firebase/compat/app";
import "firebase/compat/auth";
import "firebase/compat/firestore";
import "firebase/compat/storage";
import React, { useEffect, useState } from "react";
import { StyleSheet, View, Image, Alert, AsyncStorage } from "react-native";
import { Col, Row, Grid } from "react-native-easy-grid";
import {
  Container,
  Header,
  Content,
  Left,
  Icon,
  Right,
  Text,
  Button,
} from "native-base";
import * as Animatable from "react-native-animatable";

함수

const [data, setData] = useState([]);

useEffect(() => {
  navigation.addListener("beforeRemove", (e) => {
    e.preventDefault();
  });
  readyData();
}, []);

const readyData = async () => {
  const data = await getData();
  setData(data);
};

소감

Firebase가 강의 내용 버전과 달라서 Import하는데에 많이 애를 썼다...
강의 자료에는

import * as firebase from 'firebase';
import 'firebase/firestore';

이렇게 간단히 firebase 라이브러리를 사용할 수 있지만 최신 firebase 버전에서는 오류가 나기 때문에

import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';
import 'firebase/compat/storage';

위와 같이 사용해야 하는 라이브러리마다 일일이 import 해주었다.
강의 내용보다 firebase와 싸우느라 더 많은 시간을 썼다 휴 😅
이 강의로 코딩을 입문하는 사람들은 많은 어려움을 겪을 것 같다.
비싼 돈 내고 하는 사람도 많을텐데...
강의 자료 업데이트 해주세요 ☹️