따로 진행 중인 프로젝트에서 채팅기능이 필요하여 급하게 채팅구현을 위한 연습하는 포스트입니다 😂
🚨 복붙 코딩이라... 다 작성 후 이해하는데로 올리도록 하겠습니다 (20.07.27)

프로젝트 설정

• CRA로 react 프로젝트 만들기
• firebase 설정하기
  • 문서가 잘 되어 있다고 하나 난 왜 이렇게 보기가 힘들지...?😢
  • 먼저 firebase 프로젝트를 만들어 준다. (Web 으로 설정)
  • 다음 필요한 개발 킷트(?) 추가 (저는 Auth, Database, Storage, Hosting을 설정 했습니다.)
  • 여기까지는 문서보고 잘 따라 했다.

react 프로젝트에 firebase 연동

$ npm i -g firebase-tools
$ firebase login // 구글 아이디
$ firebase init

• (예시로 만든 프로젝트)
  

  • 만들었던 파이어베이스 프로젝트 선택
  • 이 부분이 중요 기존에는 public으로 나오지만 build로 바꿔 줘야함
    (yarn build 했을 때 나오는 build 폴더를 deploy할 것이기 때문)
  • 다음에 오류가 생겨서 캡처를 못했는데 다음에 뜨는 'index.html에 파일을 덮어 씌울 거냐?'라는 말에는 No라고 하면 된다.

• 프로젝트 내에 initializeApp 작성

  • src/firebase.js 파일 작성