흥개발자 흥개발자

안녕하세요 오늘은 angular 로 OAuth2(구글로 로그인) 부분 만드는 법을 알아보도록 하겠습니다. 저는 구글로 로그인이 되게끔 할꺼에요 (카카오, 페이스북도 있지만..) 처음에는 파이어베이스 콘솔에 들어가서 새 프로젝트를 생성하면 됩니다. https://firebase.google.com/ 그리고 프로젝트를 추가 합니다. 프로젝트 생성 후 web app 아이콘을 클릭합니다. 그리고 config 정보를 가져 옵니다. 그리고 authentication 탭에 들어가 이메일과 구글 계정으로 로그인 할 수 있게끔 설정을 해줍니다. 그 후 angular프로젝트에서 firebase를 설치합니다. npm install firebase @angular/fire --save 설치가 완료되었으면 app.module...

안녕하세요 전 포스트에서는 angular http 통신을 알아봤는데요. 간단하게 알아보느라 거기에는 한 파일에 여러 코드를 작성했습니다. 따라서 이번 글에서는 리팩토링을 하려고 합니다. 1. http 통신하는 서비스 2. video 모델 이런식으로 분리하겠습니다. 서비스를 만듭니다. ng g s restService import { Injectable } from '@angular/core'; import {HttpClient} from '@angular/common/http'; @Injectable({ providedIn: 'root' }) export class RestServiceService { baserUrl = 'http://localhost:8081'; constructor(private h..

안녕하세요 오늘은 angular로 http 통신하는 법을 알아보려고 합니다. 먼저 httpClientModule을 app.module.ts 파일에 import 해주세요 import { HttpClientModule} from '@angular/common/http'; ......... imports: [ HttpClientModule ], 문서에서 http get 은 이런 형태로 디자인 되어있네요 get(url: string, options: { headers?: HttpHeaders; observe: 'response'; params?: HttpParams; reportProgress?: boolean; responseType?: 'json'; withCredentials?: boolean; }): O..

안녕하세요 오늘은 Mac에서 AngularJS를 세팅해보겠습니다. 저는 IntelliJ IDE를 사용하고있어서 intelliJ로 세팅하는법을 알려드릴께요 1. https://nodejs.org/en/ 여기에 들어가서 nodejs 를 다운 받습니다. 터미널에서 node--version 하면 버전 정보가 나올거에요 ➜ node --version v10.16.0 2. 터미널로 angular cli 를 설치합니다. npm install -g@angular/cli@latest npm install --save-dev @angular/cli@latest Angular CLI는 Angular 프로젝트 생성,빌드 테스트를 도와줍니다. Angular CLI 로 프로젝트를 생성하면 각각 따로 설정해줘야하는 polyFill..