이전 포스팅에서는 Angular와 Firebase Authentication(인증)을 연동했습니다. 자세한건 이전 포스팅을 참고 해주세요. Angulre와 Firebase 연동(Firebase Login) 이전에 Angulre와 Firebase를 연동하는 것을 해보았습니다. 자세한 내용은 이전 포스팅을 참고해주세요. Angualr와 Firebase 연동 Angular와 Firebase는 Angualrfire를 이용하여 쉽게 연동을 할수 있습니다. 먼저. dev-bak.tistory.com 이번에는 Angular와 Firebase의 Cloud Firestore를 연동해보겠습니다. Cloud Firestore는 MongoDB와 AWS의 DynamoDB와 비슷한 NoSQL입니다. 다만 실시간으로 변경된 데이터..

이전에 Angular와 Firebase를 연동하는 것을 해보았습니다. 자세한 내용은 이전 포스팅을 참고해주세요. Angualr와 Firebase 연동 Angular와 Firebase는 Angualrfire를 이용하여 쉽게 연동을 할수 있습니다. 먼저 Angular CLI를 이용하여 새로운 Angular 프로젝트를 생성합니다. Angulre CLI 설치는 이전 포스팅을 참고해주세요. Angular CLI 설.. dev-bak.tistory.com 이번에는 Firebase 인증(Authentication)을 이용하여 로그인을 구현해보겠습니다. 여기서는 간단하게 Email과 Google 로그인을 해볼겁니다. 먼저 Firebase 콘솔에 이전에 생성한 프로젝트에서 로그인 사용을 허용해줘야합니다. Authenti..

Angular와 Firebase는 Angualrfire를 이용하여 쉽게 연동을 할수 있습니다. 먼저 Angular CLI를 이용하여 새로운 Angular 프로젝트를 생성합니다. Angulre CLI 설치는 이전 포스팅을 참고해주세요. Angular CLI 설치와 사용하기 NPM(Node Package Manager)를 이용하여 Angular CLI(Angular Commend Line Interface)를 설치 $ sudo npm i -g @angular/cli Angular CLI를 통해 Angular 프로젝트를 쉽게 생성을 할 수 있습니다. $ ng new [proje.. dev-bak.tistory.com Angulre 프로젝트 생성을 합니다. "angulre-firebase-example"에 원하..

NPM(Node Package Manager)를 이용하여 Angular CLI(Angular Commend Line Interface)를 설치 $ sudo npm i -g @angular/cli Angular CLI를 통해 Angular 프로젝트를 쉽게 생성을 할 수 있습니다. $ ng new [project-name] Angular CLI를 통해 쉽게 Angular 제공하는 라이브러리를 추가할수 있습니다. # Angular Material 추가 $ ng add @angular/material Angular Material의 자세한 내용은 공식 홈페이지에서 확인할 수 있습니다. Angular Material UI component infrastructure and Material Design compon..