Firebase 101 - 로컬 개발환경 설정하기

파이어베이스 앱을 시작하는 방법을 정리해보자.

새로운 앱을 만들때마다 새로우니 여기에 잘 정리해 놓아보자

1. firebase.google.com 에 가서 새로운 프로젝트를 만든다.

파이어베이스 사이트 방문 후 로그인

새 프로젝트 추가

2. 로컬 호스팅을 설정할 폴더를 생성 (프로젝트명과 같게 하는 것이 좋음)

3. Local Development Environment 설정을 위해 Node.js Command promt 실행

4. 프로젝트 폴더로 이동하여 Firebase 시작: 

CLI: firebase init

Are you ready to proceed? Y

5. 호스팅 할 프로젝트 선택

< > Web Hosting을 반드시 스페이스바를 눌러서 선택!!! -> public 폴더 자동생성됨

초기화에 성공하면 다음과 같은 메시지 나옴

만들어둔 프로젝트 폴더 내에 다음과 같은 파일들이 생성됨

* 만약 기존에 로컬 개발환경에서 호스팅을 하고 있었던 프로젝트가 있을 경우 기존호스팅을 중지하는 방법

- CLI에서 기존 프로젝트 폴더로 가서 다음 명령 실행

CLI: firebase hosting:disable

6. 그 다음 새로 시작할 프로젝트 폴더로 가서

CLI: firebase serve

호스팅에 성공하면 다음과 같은 메시지

이후 하드코딩!!!