http
-
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..
-
angular http 통신하기FrontEnd 2019. 8. 3. 17:22
안녕하세요 오늘은 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..