FireBase WebService 구축하기_#1. 설치 및 환경설정

최근 Netlify 를 통해서 웹서비스를 사용하다가

Database를 함께 사용하고 싶어서 Firebase를 이용한 웹서비스 구축을 도전해보도록 하겠습니다.

 

AWS를 사용해서 웹서비스를 하려고하다보니 생각보다 설정하는게 상당히 불편해서, 찾아보다보니

Firebase가 상당히 편리하게 되어 있는 것 같습니다.

 

그럼 차근 차근 WebService를 구축해보도록 하겠습니다.

 

1. Firebase 로그인 / WebHosting 에 등록

 

https://console.firebase.google.com/project

로그인 - Google 계정

로그인을 하고 난 후 

콘솔로 이동 Hosting에 들어가줍니다.

 

 

 

그럼 시작하기 버튼을 누르신 후 아래와 같이 터미널 창에 코드를 입력해줍니다.

 

$ npm install -g firebase-tools

$ firebase login

$ firebase init hosting

 

login을 하면 firebase 로그인을 해주시고

 

firebase init hosting을 입력하면,

현재 디렉토리에 public이라는 폴더가 생성됩니다.  여기에 앞으로 작성하는 코드를 넣어주면 되는데

 

저는 아래 경로에서 템플릿을 다운받았습니다.

https://templated.co/transitive

Transitive by TEMPLATED

 

데모 템플릿을 다운받아서 public 폴더 내에 넣어주세요

 

$ firebase deploy

 

이렇게 하시면

우선 Firebase에 정적인 페이지들이 올라가게 되었습니다.

 

다음에는 Firebase로 Database를 사용해보도록 하겠습니다.