@startuml Participant "프론트엔드" as FE #99FF99 Participant "인증서버(외부)" as AS #ffddee Participant "백엔드" as BE #99FF99 FE -> AS : 로그인 창 호출 AS -> FE : 로그인 창 제공 FE -> AS : 로그인 정보 전달 AS -> FE : 인가코드(**Authorization Code**)와 함께 Redirect FE -> BE : 인가코드 전달 BE -> AS : 인가코드로 **Access Token** 요청 AS -> BE : **Access Token** 발급 BE -> AS : 서비스 자원 요청(With Token) AS -> BE : 서비스 자원 응답(ex. userId) BE -> BE : 로그인 / 회원가입 처리, 서비스토큰 생성(ex. JWT) BE -> FE : 서비스토큰 응답 FE -> BE : 서비스토큰으로 서비스 이용 @enduml Submit amiga aws-orange black-knight bluegray blueprint cerulean-outline cerulean crt-amber crt-green cyborg-outline cyborg hacker lightgray mars materia-outline materia metal mimeograph minty plain reddress-darkblue reddress-darkgreen reddress-darkorange reddress-darkred reddress-lightblue reddress-lightgreen reddress-lightorange reddress-lightred sandstone silver sketchy-outline sketchy spacelab spacelab-white superhero-outline superhero toy united vibrant       🎉 Discover the future PlantUML Web Editor! 🚀  PNG  SVG  ASCII Art