React Twitter Clone (2) - 프로젝트 생성/세팅 - Firebase 생성 & 연결

김민석·2020년 9월 16일
0

React_Twiiter_Clone

목록 보기
2/17

npx create-react-app react-twitter-clone

위의 명령어로 react 프로젝트를 생성한 후

이렇게 디렉터리 / JS 파일 정리

https://console.firebase.google.com/u/0/?gclid=CjwKCAjwzIH7BRAbEiwAoDxxTg8tSrn_gdtmjoDqyxIp0LekANGFJ3H7g4A2wd6W44cwL0bynTSAZxoCkLoQAvD_BwE

위의 주소 페이지로 가서 Firebase 프로젝트를 생성

그 후 npm i firebase 명령어를 이용하여 react 프로젝트에 firebase를 설치,

위의 이미지와 같이 페이지를 참조해서 firebase 연결 코드를 작성하고
밑에 export default 해준다. 그 후에 최상단에서 import해주면 끝

그 후에 index.js에서

이렇게 하면 된다. 프로젝트 시작하고 console창에 띄워보면

이런식으로 뜨면 완료.

profile
web development 주니어

0개의 댓글