인증 및 권한 부여

이 학습에서는 애플리케이션을 효과적으로 보호하는 데 중요한 Angular의 인증과 권한 부여를 다룹니다.

인증과 권한 부여 비교

• 인증은 사용자가 누구인지 확인합니다.
• 권한 부여는 사용자가 무엇에 액세스할 수 있는지 결정합니다.

JWT (JSON 웹 토큰)

JWT는 사용자 인증 정보를 안전하게 인코딩하여 Angular 애플리케이션을 보호하는 데 흔히 사용됩니다.

토큰 저장

일반적으로 localStorage 또는 sessionStorage와 같은 브라우저 저장소 메커니즘을 사용하여 JWT 토큰을 안전하게 저장합니다.

localStorage.setItem('token', token);

요청에 토큰 추가

HTTP 인터셉터를 사용하면 API 요청에 인증 토큰을 자동으로 추가할 수 있습니다.

const authReq = req.clone({ headers: req.headers.set('Authorization', token) });

라우트 보호

Angular의 라우트 가드를 사용하여 인증된 사용자만 애플리케이션의 민감한 영역에 액세스할 수 있도록 라우트를 보호합니다.

{ path: 'admin', component: AdminComponent, canActivate: [AuthGuard] }

역할 기반 권한 부여

역할 기반 액세스 제어(RBAC)를 구현하여 사용자 역할에 따라 서로 다른 권한을 부여합니다.

로그아웃

인증 토큰을 안전하게 삭제하고 사용자를 리디렉션하는 로그아웃 기능을 구현합니다.

localStorage.removeItem('token');

요약

Angular에서 인증과 권한 부여를 구현하여 애플리케이션의 보안을 향상하는 방법을 배웠습니다!