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 |