firebase

개요 Firebase Cloud Function 은 무료로 사용할 수 있는 가격정책(Spark)을 제공합니다. 물론 현재도 동일한 정책을 가지고 있습니다. 하지만 21년 2월 15일 이후로는 Function을 사용하려면 해당 프로젝트를 무료가 아닌 종량제(Blaze)로 변경해야 하며 더불어 무료사용량 초과시 결재될 카드정보등을 입력해주어야 합니다. 작년에 개발하여 배포하였던 "장애인/중소기업 특공 알리미" 어플도 이에 따라서 프로젝트를 변경해주었습니다. 크게 수익이 있는 것은 아니지만 개인적으로 사용하려고 만들었던 것이기 때문에 사용자가 적으니 비용이 나갈 것은 없다고 판단하여 진행을 해보았습니다. 절차 해당 프로젝트를 Blaze 요금제로 변경합니다. CLI 버전을 8.1.0 이상으로 업그레이드 합니다...

제가 학습 목적으로 만든 특별공급 알리미는, 신규 사용자에게 신뢰감을 주기 위해 현재 알림 구독자의 수를 화면에 표시하고 있습니다. 구독자의 수는 Cloud Messaging 서비스의 Token 값을 Cloud Firestore에 저장한 후, 필요시 저장된 Token의 개수를 화면에 표시합니다. 하지만 Firebase Cloud Firestore는 Collection에 포함된 문서(Doc)의 갯수를 제공하는 기능이 따로 없어, 다음과 같이 모든 저장된 Token을 읽어온 후, 여기에서 크기 값만 제공하는 형태로 구현해 사용하였습니다. Cloud Function: db.collection('...').get().then(snap => { res.status(200).send({length: ..

개요 버그가 발생할 여지가 있는 요소를 확인해 볼 요량으로 ESLint를 JavaScript 프로젝트에 적용하였습니다. 덧붙여 코드의 편집은 VSCode를 주로 사용하기 때문에 해당 도구에서 즉시 확인할 수 있도록 확장 도구를 함께 설치하였습니다. 설치 및 사용 프로젝트 폴더로 이동하여 npm을 이용하여 ESLint를 설치합니다. npm install eslint --save-dev 다음 명령을 사용하여 설정파일을 생성합니다 ※ 해당 프로젝트에는 이미 package.json 이 있어야 합니다. npx eslint --init 생성된 .eslintrc.js 파일에 프로젝트에 따라 필요한 설정을 추가합니다. 저는 jquery 라이브러리와 firebase SDK를 프로젝트에서 사용하며 해당 모듈로 인하여 발생..

사전 준비 node.js를 설치합니다. (참고) Firebase 프로젝트 생성 Firebase 호스팅을 사용하려면 먼저 Firebase 프로젝트를 만들어야 합니다. 다음과 같이 프로젝트를 생성합니다. Firebase에 가입합니다. (무료 서비스(Spark 요금제)로 본 포스팅의 내용을 수행할 수 있습니다.) Firebase Console에서 프로젝트 추가를 클릭한 후 프로젝트 이름을 선택하거나 입력합니다. Firebase Console에서 나머지 설정 단계를 따른 다음 프로젝트 만들기(또는 기존 Google 프로젝트를 사용 중인 경우 Firebase 추가)를 클릭합니다. Firebase CLI 설치 Firebase는 Firebase 호스팅을 비롯한 Firebase 제품을 쉽게 구성 및 관리할 수 있도록 ..

개요 대부분의 웹 애플리케이션(웹 앱)은 어떠한 유형이라도 사용자 인증 기능이 공통적으로 사용됩니다. 많은 웹 앱은 외부 SNS 서비스 또는 이메일을 통한 로그인 기능을 제공합니다. 또한 사용자와의 커뮤니케이션 및 상호작용을 통해 콘텐츠를 생성하는 웹 앱은 이러한 사용자의 정보를 저장할 필요가 있습니다. 사용자 인증 서비스를 직접적으로 개발을 하는 것은 최소의 개발인력 또는 1인 개발자로 구성된 웹 어플리케이션의 개발에는 적합하지 않을 수 있습니다. 다행히도 파이어베이스는 모바일 및 웹 앱 모두에서 사용 가능한 사용자 인증 서비스를 제공하기 때문에 이를 직접 개발할 필요 없이 쉽게 Angular 프로젝트에 설정하여 적용할 수 있습니다. 이번 포스트에서는 파이어베이스의 사용자 인증 서비스를 사용하여 여러분..

개요 경우에 따라 다르겠지만 일반적으로 웹 또는 모바일 앱을 개발하고 운영하기 위해서는 애플리케이션의 배포, 데이터의 저장, 사용자의 인증 등의 서비스를 제공하기 위한 서버가 필요합니다. 파이어베이스는 웹과 모바일 앱 개발에 필요한 공통적이고 기본적인 기능을 제공하는 **BaaS(**Backend as a Service)입니다. 따라서 Angular 프로젝트에서도 이를 이용하여 개발을 한다면 클라이언트 측의 개발에만 집중하여 전체적인 애플리케이션의 완성을 앞당길 수 있습니다. 이를 위한 환경을 설정해보도록 하겠습니다. Firebase 설정 파이어베이스를 앞선 과정을 통해 생성한 Angular 프로젝트에 연결하도록 하겠습니다. 두 단계로 나누어 진행하도록 하겠습니다. 새로운 Firebase 프로젝트를 생성..