[개발] 기록/기록

파이어스토어 + 리액트

kok202 2020. 2. 9. 00:20

파이어 스토어

  1. 파이어 스토어에 아이디 지정해서 도큐먼트 생성
    firestore.collection(“TODO”).doc(”myCustomId”).set({ … });
  2. 아이디 자동 생성해서 도큐먼트 생성
    firestore.collection(“TODO”).add({ … });
  • 파이어 스토어에서 문서가 없는 콜렉션은 삭제가된다.
  • 파이어 스토어는 기본적으로 아이디에 의해 정렬된다.

배포

리액트를 이용해서 SPA 로 빌드하고 이를 파이어베이스로 배포하기

  1. npm build
  2. npm install -g firebase-tools
  3. firebase login
  4. firebase init
    React 의 빌드 결과로 SPA 파일이 build 폴더 밑에 생긴다. 따라서 firebase cli 로 배포하려는 폴더를 지정할 때 build 폴더를 기준으로 배포하겠다고 해야한다. (기본값 : public)
  5. firebase deploy
    firebase deploy --only hosting // 호스팅만 배포해라

번외

Serve 패키지를 이용하여 리액트로 Build 된 파일을 실행

npm install - g serve
serve -s build