hsunny study blog

[Angular API] @angular/http, @angular/common/http 본문

programming/Angular

[Angular API] @angular/http, @angular/common/http

헤써니 2018. 10. 31. 22:33

http 통신을 위해 사용했던 @angular/http

Deprecated in favor of @angular/common/http.

@angular/common/http를 위해 deprecate 되었습니다.

*새로운 API는 Angular 4.3.0 이상의 버전에서 사용 가능합니다.


새로운 API는 아래와 같이 개선되었습니다.


1. JSON 포맷 형식의 데이터를 object 형식으로 자동 변환해줍니다.


2. HttpClient 가 리턴하는 객체의 타입을 지정할 수 있습니다.


3. 요청을 보내거나 받을 때, 이벤트를 발생시킬 수 있습니다.


4. Header 설정을 위한 syntax가 간결합니다.


5. HTTP 인터셉터가 추가되었습니다. HTTP 요청에 인증토큰헤더를 추가할 수 있습니다.


HttpClient에 자세한 설명은 http://han41858.tistory.com/39 에서 확인할 수 있습니다.

(*Angular 공식 블로그에 올라온 설명을 한국어로 친절하게 번역해주셨습니다.)



[구버전 대체방법]

app.module.ts 에 

HttpModule은 HttpClientModule로 대체합니다.


http 통신을 하려는 파일에서

@angular/common/http 에 속해 있던 Http, URLSearchParams는

@angular/common/http 안에 속하는 HttpClient, HttpParams로 각각 대체해서 사용하면 됩니다.




참고 사이트

https://skryvets.com/blog/2017/11/26/simply-about-new-httpclient-in-angular

http://han41858.tistory.com/39 (추천)





'programming > Angular' 카테고리의 다른 글

[Angular] 이벤트 바인딩  (0) 2022.01.13
[Angular] 파이프- Pipes  (0) 2021.11.22
[Angular] 템플릿 문법 - Text interpolation  (0) 2021.08.29
[Angular] 템플릿 참조 변수 (#)  (0) 2020.06.21
[Angular] Change Detection 처리  (0) 2019.08.11