React, Firebase로 하는 twitter 클론 코딩-초기 설정

Client는 React, 서버 부분은 Firebase를 이용하여 twitter을 간단하게 클론 코딩 해보겠다.

 

일단 cmd 창에 프로젝트를 만들어주자. 요 며칠 CRA로 만든 프로젝트에서 에러가 좀 있었는데 업데이트가 됐다.

그래서 create-react-app을 지웠다가 다시 깔아 줬다.

 

 

불필요한 파일들을 지워주고 초기 구조는 아래와 같다.

 

 

 

그 다음 Firebase 세팅을 하자.

 

우선 firebase 사이트에 들어가서 로그인을 해준 뒤 콘솔로 이동 그다음 프로젝트를 생성한다.

 

 

그 다음 vscode 터미널로 가서 npm install --save firebase 를 해준다. 

 

그런다음 개요를 보고 따라서 적용해주면 된다.