React.JS

[React]firebase 연동하기

hans-j 2023. 3. 12. 02:42

firbase 9버전은 ...검색결과가 많이 없어서 선생님과 같은 버전인 8로 진행했다.

 

npm 터미널 창에

npm install firebase@8.10.0

입력 ㄱㄱ


 

src 디렉토리에 firesbase.js

import firebase from "firebase/app";

const firebaseConfig = {
    apiKey: ////,
    authDomain: ////,
    projectId: "the-unbook-club",
    storageBucket: ////,
    messagingSenderId: ///,
    appId: ////
};

export default firebase.initializeApp(firebaseConfig);

 

연결이 잘 되었는지 확인하려면 콘솔창에 찍어보면 된다.

App.js에 해도되고 Index.js에 해도되는데 나는 index.js에 했다.

 

import firebase from "./firebase";
console.log(firebase);

 

이렇게 하면 콘솔창에 결과가 나온다!


 

정~말 우여곡절 끝에 연결 성공해서 정말 기쁘다!! 빨리 다음 단계로 넘어가고 싶다

 


노마드 코더 강의를 듣고 작성하는 글입니다.