Angular의 HTTP 클라이언트

이 수업에서는 Angular의 HTTP 클라이언트를 사용하여 API와 통신하고 데이터를 쉽게 가져오고 보내는 방법을 다룹니다.

HTTP 클라이언트란 무엇인가요?

HTTP 클라이언트는 HTTP 요청을 통해 백엔드 서비스와 통신하는 Angular의 기본 제공 모듈입니다.

HttpClientModule 가져오기

HTTP 요청을 사용하려면 애플리케이션 모듈에 HttpClientModule을 가져오세요:

import { HttpClientModule } from '@angular/common/http';

GET 요청 보내기

HTTP 클라이언트를 사용하여 API 엔드포인트에서 데이터를 가져오세요:

this.http.get('https://api.example.com/data').subscribe(data => console.log(data));

응답 데이터 처리하기

HTTP 클라이언트는 Observable을 반환합니다. 이를 구독하여 데이터를 비동기적으로 처리하세요:

this.http.get('api/data').subscribe(response => this.data = response);

데이터를 보내기 위한 POST 요청

POST 요청을 사용하여 서버로 데이터를 보내세요:

this.http.post('api/items', newItem).subscribe(result => console.log(result));

오류 처리

catchError 연산자를 사용하여 HTTP 요청에서 발생한 오류를 처리하세요:

this.http.get('api/data').pipe(catchError(error => of('Error occurred'))).subscribe();

Headers 사용하기

추가 정보를 보내도록 HTTP 요청에 Headers를 추가하세요:

const headers = new HttpHeaders().set('Authorization', 'my-auth-token');

요약

이제 Angular의 HTTP 클라이언트를 사용하여 API에서 데이터를 가져오고 효과적으로 전송하는 방법을 학습하셨습니다. 계속 진행하세요!