오늘은 Angular CLI에 대해서 포스팅을 하도록 하겠습니다. 간단하게 Angular CLI는 NPM을 통해서 쉽게 설치를 할 수 있습니다. $ npm i -g @angular/cli 처음으로 알아 볼 건 프로젝트 생성입니다. 프로젝트 생성은 아래와 같이 new를 사용하여 생성을 할 수 있습니다. $ ng new [project-name] 추가로 option을 추가할 수 있는 옵션이 꽤 많지만 몇가지만 알아보도록 하겠습니다. 먼저 prefix 옵션에 대해서 알아보겠습니다. 기본 적으로 Angular는 prefix가 app으로 설정이 되어 있습니다. 만약 이걸 다른 걸로 변경을 하고 싶다면 --prefix 옵션(짧게 -p)을 사용하면 됩니다. 예를 들어 prefix를 my로 사용을 하고 싶다면 아래와 ..

이전 포스팅에서는 Angular와 Cloud Firestore 연동하는 것을 해보았습니다. 자세한 내용은 이전 포스팅을 참고해주세요. Angular와 Firebase 연동(Cloud Firestore) 이전 포스팅에서는 Angular와 Firebase Authentication(인증)을 연동했습니다. 자세한건 이전 포스팅을 참고 해주세요. Angulre와 Firebase 연동(Firebase Login) 이전에 Angulre와 Firebase를 연동하는 것을 해보.. dev-bak.tistory.com 이번 포스팅에서는 Angular와 Cloud Storage를 연동하는 것을 해보겠습니다. 먼저 이전에 작성한 firebase.module.ts에 Cloud Storage를 사용하기 위한 라이브러리를 추가해..

이전 포스팅에서는 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..