[web]Firebase에 간단 웹호스팅하기

이번주 내 런칭을 목표로 개발중인 대파멘(대학생 파이썬 멘토) 서비스의 프론트를 호스팅하기 위해서 Firebase를 사용했다.

firebase-tools 다운받기

npm install -g firebase-tools

firebase 로그인하기

firebase login

firebase 프로젝트 생성하기

작업중이었던 react 프로젝트 폴더에서 firebase 프로젝트를 생성한다. 이때, firebase 콘솔에서 이미 생성되어 있던 프로젝트를 활용한다.

firebase init

설정을 몇가지 해주어야 한다. 사용할 firebase 기능을 체크로 호스팅을 선택하고, 사용할 firebase 프로젝트로 기존의 프로젝트를 선택한다. 그리고 firebase public 폴더를 build 로 정해준다. react에서 빌드할 시 기본 설정이 build로 되어있는 듯 하다.

react 프로젝트 빌드하기

npm run build

react 프로젝트를 빌드하면 bundle 또는 webpack으로 하나의 프로젝트 파일을 생성해주는 것으로 보인다.

firebase로 배포하기

firebase deploy

build 폴더에 빌드되어 있느 파일들을 firebase 서버에 배포하는 작업이다. 매우 간단하다.