본문 바로가기
React.JS

[React]firebase 연동하기

by hans-j 2023. 3. 12.

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);

 

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


 

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

 


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

'React.JS' 카테고리의 다른 글

[React]props VS custom Hook feat.ContextAPI  (0) 2023.03.21
[React]ReactRouterDomV6 --스크랩  (0) 2023.03.12
[React]JS vs JSX  (0) 2023.03.10
[React]컴포넌트 파일 생성하기  (0) 2023.02.09
[React]Component 문법, 동적 UI, map 함수  (0) 2023.02.07