[Lunch Box] 3. Firebase 배포 설정

다음으로는 프로젝트 배포와 관련된 설정이다. 이 프로젝트는 firebase를 이용하여 배포 하였다. firebase.json, .firebasrc은 firebase를 배포하는 과정에서 생겨난 파일들이다. 각 내용이 정확하게 어떤 기능을 하는지는 파악하진 못했다.

 

firebase.json

{
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

 

.firebaserc

{
  "projects": {
    "default": "lunchbox-97110"
  }
}

 

firebase를 이용하여 react를 배포하는 방법은 다른 좋은 자료가 많으므로 여기서는 간략하게만 설명하겠다. 유튜브의 나동빈님 강의와 구글링한 자료를 참고하였다.

 

https://www.youtube.com/watch?v=F5nbcRHlb-g&list=PLRx0vPvlEmdCjiCfu4QB6tV7cZS4ZoTOQ&index=7

 

0. Firebase에 접속하여 프로젝트를 생성한다.

 

1. React 프로젝트에서 firebase tool을 다운로드한다. 다음과 같이 명령어를 입력하면 다운로드 할 수 있다.

yarn install -g firebase-tools

 

2. 배포 환경 설정을 시작한다. 이를 위해 다음과 같이 명령어를 입력한다.

firebase init

 

3. 배포를 시작한다. 이를 위해 다음과 같이 명령어를 입력한다.

firebase deploy

 

4. Firebase에 접속하여 확인한다.

 

Firebase 배포 결과