[Portfolio][01] 프로젝트 생성 및 firebase 연동

import firebase from "firebase/app";
import "firebase/firestore";

const config = {
				비밀
};

firebase.initializeApp(config);

const firestore = new firebase.firestore();

export { firestore };

import React, { useEffect } from "react";
import { firestore } from "./Firebase";

function App() {
  useEffect(() => {
    firestore
      .collection("projects")
      .get()
      .then(() => console.log("성공"));
  }, []);

  return (
    <div className="App">
      <span>Hello World!</span>
    </div>
  );
}

export default App;

firestore
      .collection("projects")
      .get()
      .then(() => console.log("성공"));

// Import FirebaseAuth and firebase.
import React from "react";
import StyledFirebaseAuth from "react-firebaseui/StyledFirebaseAuth";
import "../firebase/firebaseui-styling.global.css"; // Import globally.
import firebase from "firebase/app";
import "firebase/auth";

// Configure Firebase.
const config = {
	firbase 설정
};
firebase.initializeApp(config);

export default () => {
  const login = res => {
    localStorage.setItem("isLoggedIn", true);
    // console.log(res);
  };

  // Configure FirebaseUI.
  const uiConfig = {
    // Popup signin flow rather than redirect flow.
    signInFlow: "popup",
    // Redirect to /signedIn after sign in is successful. Alternatively you can provide a callbacks.signInSuccess function.
    callbacks: {
      // Avoid redirects after sign-in.
      signInSuccessWithAuthResult: res => login(res)
    },
    // We will display Google and Facebook as auth providers.
    signInOptions: [
      firebase.auth.GoogleAuthProvider.PROVIDER_ID,
      firebase.auth.FacebookAuthProvider.PROVIDER_ID,
      firebase.auth.GithubAuthProvider.PROVIDER_ID
    ]
  };

  return (
    <div>
      <StyledFirebaseAuth uiConfig={uiConfig} firebaseAuth={firebase.auth()} />
    </div>
  );
};