티스토리 뷰
파이어베이스는 주로 무료 호스팅을 쓰기위해서 자주 사용한다. 혹은 서버없이 코딩을 하고 싶다거나 앱을 연동하여 푸시를 보내고 싶을 때 등의 용도로 사용하기도 한다. 당신도 아래의 예제만 본다면 무료로 홈페이지 구축쯤은 충분히 가능하다.
1. 프로젝트 접속
로그인을 했다고 가정을 한 후 프로젝트를 생성한다. + 버튼을 클릭하여 프로젝트를 추가한다.
2. 프로젝트 이름 지정
프로젝트의 이름을 지정해 준다. 추후에 바꿀수 없으므로 신중히 하는 것이 좋지만 맘에 안들면 다시 만들어도 되니 일단 테스트 겸 본인이 원하는 이름으로 설정
3. 프로젝트 애널리틱스 사용설정
구글 제품을 이용하면 역시나 좋은 것이 왠만해서 클릭 한 방으로 자동연결이 된다는 것이다. 구글 애널리틱스도 사용 설정을 하고 계속을 누르면 된다. 애널리틱스가 필요없으면 사용을 안해도 무관하다.
4. 애널리틱스 아이디 선택
애널리틱스 구성을 아이디를 선택해 준다음에 프로젝트 만들기를 진행한다.
구글의 UI는 진짜 깔끔하다. 우측하단의 한 남자아이가 보이는데 코딩이라 하라는 뜻이다.
5. Hosting 시작하기
좌측 탭에 호스팅으로 접속한다. 그리고 화면에 대문작 만한 시작하기를 클릭한다.
6. Hosting을 생성
설치를 안했다면 https://nodejs.org 설치해오자
1단계 Firebase CLI를 설치하자 아래의 명령어를 통해서 설치를 하면된다.
npm install -g firebase-tools
2단계 firebase에 로그인을 하고 본인의 프로젝트 (vue, react, html) 등의 프로젝트 폴더로 가서 로그인을 한다.
3단계 firebase에 배포
총 3단계의 명령어만 입력하면 파이어베이스에 배포가 가능하다.
다음글을 firebase에 배포하는 법을 알아봅니다.