안녕하세요.

Angular는 프론트엔드 부분으로

백엔드 즉 서버측 기능은 제 강의에서는 ASP.NET Core를 사용합니다.


서버측 에러라고 하면,

ASP.NET Core Web API에서 발생하는 서버측 에러를

BadRequest() 등의 메서드로 클라이언트에게 전달되면


JSON 형태로 서버측 에러 메시지가 클라이언트에게 전달이 됩니다.

그러면

JSON 으로 전달된 서버측 에러를


Angular의 데이터 서비스 클래스에서 HTTP get 메서드로 받아서

컴포넌트에서 사용하면 됩니다.


제 강의 소스를 참고로하면

/DotNetNote/ClientApp/heroes/heroes.data.service.ts 파일의

hangleError 함수가 서버에서 전송된 에러 메시지를 출력하는 역할을 합니다. 

//[0] 예외 처리 출력 공통 메서드
private handleError(error: any) {
    console.log('서버 에러 발생:', error);
    if (error instanceof Response) {
        return Observable.throw(error);
    }
    return Observable.throw(error || 'Web API에서 에러 발생');
}


관련해서는 제 앵귤러 강의의

후반부의 Heroes 관련 내용을 

참고해보세요.








간영우 님이 쓰신 원문 글입니다.


안녕하세요.. 오늘도 질문하다 드립니다.

동영상강의보다가 서버측에러메시지를 앵귤러쪽에서 불러와서 쓰는 부분이 있었던것 같은데... 다시 찾아서 보려니 못찾겠습니다.. 강의에 있었던게 맞는거 같은데...

그리고 참고할만한사이트를 찾아보던중 

http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial#alert-component-ts

이 블로그를 보게되었습니다.

목업으로 fake-backend에서 에러메시지를 가져오고 쓰고하는데 앵귤러 부분에서 서비스가 어떤순서로 진행되어서 메시지가 전달되는 지는 대략적으로 알겠는데.. 백엔드와어떻게 묶여있는지 연동점을 모르겠습니다. 혹시 간략하게라도 설명부탁드릴수 있을까요?