Firebase

Firebase를 사용한 트위터 클론 코딩#1(개발환경 세팅)

PON_Z 2022. 7. 8. 15:41

- 개발환경 : VSCode

  firebase@9.6.1

  react-router-dom@5.3.0

 

- (1) npx create-react-app name 으로 react app 설치

  (2) nwitter로 들어가 필요없는 파일 정리 및 파일 수정

   scripts에서 "test" 지우기

 

  (3) github 연결

  (4) firebase에서 프로젝트 생성 -> Web 클릭

  (5) 터미널에서 npm install --save firebase 입력

  (6) src 폴더 아래 firebase.js 설치 후 아래 코드 복사

  (7) index.js에 firebase import 하기

   (8) npm run start로 서버가 제대로 돌아가는지 확인하기

 

 

 

- ref) https://nomadcoders.co/nwitter/lectures/

728x90