프론트엔드 Guard 등 적용 필요

프론트엔드에서의 Guard(접근 제어), Resolver(데이터로드)에 대한 내용이 정리된 것을 공유드립니다.
이전 백엔드 학습시 인증 및 인가에 대한 개념과 구현을 학습 했었습니다. 기본적으로 Angular와 이를 기반으로하는 NestJS, IONIC 프레임워크는 Guard라는 모듈을 통해서 인증과 인가를 간편하게 관리하게 됩니다.
현재 백엔드에서는 인증과 인가에 대한 처리가 일부 구현되고 있는 상태지만 프론트엔드에서도 Guard를 통해서 접근을 제어하고 적극적인 리다이렉션을 통해 사용자 경험을 향상시킬 필요가 있습니다.

기본은 물론 Angular 공식문서를 살펴보는게 가장 정확한 내용이며 프로젝트 진행과 근접한 구현 사례로 조금 더 쉬운 이해가 필요한 학생은 블로그를 추가로 참고하시면 됩니다.

mwmw7 / campus