pbj0812의 코딩 일기

[Web] Firebase를 이용한 웹 사이트 만들기 본문

빅데이터/자동화

[Web] Firebase를 이용한 웹 사이트 만들기

pbj0812 2020. 2. 17. 01:40

0. 목표

 - 장비 없이 Google Firebase를 통해 나만의 (조건부) 무료 웹사이트 만들기

1. Firebase 설정

 1) Firebase 홈페이지 접속(링크)

  - 시작하기

  - 프로젝트 추가

  - 프로젝트 이름 정의 및 계속

 - 계속

  - 프로젝트 만들기

  - 계속

  - </> 클릭

  - 앱 닉네임 설정 및 앱 등록

  - 다음 계속

 2) CLI 설정

  (1) firebase 로컬에 설치

npm install -g firebase-tools

  (2) firebase 로그인

firebase login

   - 웹 창이 뜨면서 인증 화면 표출

   - 결과

  (3) 테스트 코드 작성(firebase_test/index.html)

   - 구성

현재 위치    
firebase_test - index.html

  - index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
    </head>
    <body>
        <script>
            alert('Hello world');
        </script>
    </body>
</html>

 - 상황에 따라서 아래 코드를 삽입 

 (4) firebase 초기화

firebase init

   - 방향키(위, 아래) 및 스페이스(선택), 엔터(확인)

   - directory를 묻는 물음에는 2) (3) 에서 만든 firebase_test를 입력

   - 404.html 질문 제외하고는 모두 No(위에서 이미 만들었기 때문)

  (5) 배포

firebase deploy

2. 결과(링크)

3. 참고문헌

 1) 공식문서

 2) 참고 블로그 

Comments