방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 앵귤러 인터셉터2 앵귤러 튜토리얼(Angular tutorial) - 17 : 가드(인터셉터) 이번시간에는 사용자의 로그인 여부를 확인하여주는 기능에 대해서 살펴보려 합니다. 일반적으로 "인터셉터" 라는 역할로 많이 알려져 있으며, 앵귤러에서는 해당 기능을 가드(Guard) 라고 합니다. 이름만 들어도 왠지 무언가로부터 보호(?)를 해줄 것 같은 기능처럼 보입니다. 앵귤러에서의 가드는 컴포넌트에게 요청을 전달하기 전 먼저(pre) 동작을 하는 클래스 입니다. 가드를 만들기 위해서는 아래 명령어를 입력하면 쉽게 만들 수 있습니다. ng g guard auth 여기서 "auth"는 사용자가 입력하는 가드의 이름 입니다. (그러므로 마음데로 부여해도 상관 없습니다.) 원하는 이름으로 바꾸셔도 됩니다. ^^ 명령어를 입력하면 뭔가 선택을 해야되는데 여기서는 첫번째 내용을 선택한 뒤 엔터를 눌러줍니다. 그.. 2020. 8. 5. Angular Guard를 활용한 인터셉터 구현 앵귤러에서는 Guard라는 인터페이스를 통해서 통상 서버에서 사용하던 인터셉터 기능을 사용 할 수 있게 해준다. Guard를 사용하기위해서는 직접 코딩해도 상관없지만 명령어를 통해서 쉽게 만들 수 있다. ng g guard angular-aop 만들어진 클래스는 아래처럼 기본적으로 세팅되어 생성된다. import { Injectable } from '@angular/core'; import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { Observable } from 'rxjs'; @Injectable({ providedIn: 'root' }) export class AuthGuard.. 2019. 4. 28. 이전 1 다음
