본문 바로가기

Firebase

(2)
Vue 학습하기 ⑥ - Firebase Functions 로 만드는 HelloWorld API 정확히는 VueJS 개발을 학습하고 있지만 백엔드 포함을 목표로 잡아왔더니 Firebase도 함께 학습을 해야하는 상황이 되었다. 이번에는 Functions 라는 기능을 활용하여 웹 API를 개발해보려고 한다. 구체적으로 데이터 연동을 하거나 트리거를 만드는 것 까지는 아직 진행을 못해봤고, HelloWorld를 표시해주는 정도만 수행해봤다. Firebase로 백엔드를 이렇게 개발하면 되겠구나 정도를 이해하는 정도이다. 먼저 이를 사용하려면 최소한의 요건들을 갖추고 있어야 한다. nodejs npm firebase 이후에 firebase-tools 라는 것을 설치하면 된다. 이렇게 되면 필요한 것들은 대략 다 준비가 된 셈이다. firebase login 을 통해서 구글 계정 로그인이 필요하다. (fir..
Vue 학습하기 ⑤ - Firebase 를 이용한 Google 연동 로그인 만들기 이제 Vue를 살짝 벗어나서 백엔드를 개발해야하는 상황이 되었다. 대략적인 화면 구성은 나왔으니 구체적으로 인증과 권한, 데이터를 다루는 작업들을 시작해야하는데 직접 백엔드를 만들기 보다 Google firebase 를 활용하여 진행하려 한다고 이야기를 했었다. firebase를 사용하는 이유는 AWS 말고 다른 클라우드 서비스를 사용해보고 싶었던게 그 이유이고 그중에 GCP(google cloud platform) 이면 좋겠다고 생각했는데, 얻어걸린 셈이다. 콘솔창에 접근한 후에 프로젝트 추가를 통해서 위 그림과 같은 항목을 입력한다. 그리고 프로젝트 만들기 버튼을 누르면 너무 빠르게 앱 자체를 만들 수가 있다. 이 후에 만들어진 앱 이름으로 Project overview 화면에 도착하는데, 메뉴의 모..