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