[기타] firebase로 react 프로젝트 배포하기

내가 만든 리액트 프로젝트를 firebase를 사용하여 배포해보도록 하겠다.

 

 

1. https://firebase.google.com 

Firebase

firebase로그인 한다. 

 

2. firebase 프로젝트를 생성하고 Hosting탭을 클릭한다.

 

 

 

3. 터미널에 $firebase login 

firebase login

 

입력하게되면 git페이지가 열리면서 뭐 연동하라고 뜬다.

 

 

4. $ firebase init hosting

firebase init hosting

 

다음과 같이 차례대로 입력한다.

 

build

No

No

No

No

 

5. 터미널에 $yarn build 

 yarn build

 

yarn build가 끝난 후에는

 

6. 터미널에 $ firebase deploy

 

아래 Hosting URL로 접속하게되면 

 

내가 만든 페이지를 볼 수 있다. 

 

build 하고난 파일을 배포하는것이기 때문에 내가 로컬에서 켜놓지 않아도 꺼지지 않는것임. 매우 편리함.

 

firebase.json

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