전체적인 흐름
구체적인 흐름
로그인뷰와 로그인 성공시 이동할 대시보드뷰로 구성되어 있다.
1. 로그인 뷰는 인증서비스를 사용하여 서버에 인증 요청(auth.service.ts)
2. 서버 인증이 성공한 경우, 서버는 토큰을 발행하고 클라이언트로 토큰을 응답
3. 서버 인증이 성공한 경우, 인증 서비스는 서버가 응답한 토큰을 로컬 스토리지에 저장하고 대시보르 뷰로 이동, 이때 가드(auth.guard.ts)를 사용하여 토큰을 검증
4. 대시보드 컴포넌트는 사용자 서비스 (user.service.ts)를 사용하여 서버에 사용자 정보를 요청한다. 이때 요청헤더에 토큰을 담아 전송
5. 대시보드 컴포넌트는 서버의 응답을 받아 뷰에 표시한다.