Vue.js로 Firebase를 시작하겠습니다.프로젝트 작성

프런트 프로, 작품을 만들 때 조금 영속화되고 싶을 때가 있죠?자신이 백엔드에서 잊지 않는 것은 상당히 에너지를 필요로 하는 것이다.최소한의 노동력으로 자바와 php를 건드리지 않고 백엔드에 설치할 수 있는 것은 Firebase입니다.
이 강좌에서 Vue와 Firebase로 게시판 같은 것을 만들어 보세요.
※ Firebase에 대해서는 참조이 근처 같은 거..
전편
Vue.js로 Firebase를 시작하겠습니다.프로젝트 작성
Vue.js로 Firebase를 시작하겠습니다.Vue 프로젝트 준비편
Vue.js로 Firebase를 시작하겠습니다.사용자 로그인편
Vue.js로 Firebase를 시작하겠습니다.보내보려는 편
Vue.js로 Firebase를 시작하겠습니다.목록 보기
Vue.js로 Firebase를 시작하겠습니다.입력 & 발송편

시작하기 전에

대상 설정

간단한 게시판을 만들다.
프런트엔드: Vue.js
백엔드: Firebase

주의사항

본 원고는 Firebase의 첫 번째 단계를 터치하기 위해 작성된 것으로 작품과 샘플 등 작은 것을 만들면 문제가 없지만 서비스라면 데이터 구조와 규칙 설정을 따로 배우세요.

필요한 기술

vue.js 2.x 기본 기술

json에서 데이터 처리 지식

의욕

필요한 물건

Firebase 프로젝트

vue-clinpm install -g vue-cli 또는 참조 설치

그럼 시작할게요.

먼저 구글 로그인Firebase 콘솔 화면

새 항목 만들기

항목 이름 입력

인증 방법 설정

이번 익명

준비 완료

Firebase 설정은 여기서 끝냅니다.프로젝트의 데이터베이스부터 확인해 보세요."fire-vue-3b40d"는 데이터베이스의 루트입니다.아직 아무것도 들어오지 않은 하늘의 상태.

다음은 Vue 프로젝트 준비편.
Vue.js로 Firebase를 시작하겠습니다.Vue 프로젝트 준비편