| Start | Sign up |
|---|---|
| 시작하기 버튼을 누르면 R.U, MZ? 서비스를 이용할 수 있습니다. | 회원가입을 진행합니다. |
 |
 |
| Login | Main Page |
| 회원가입이 완료되면 로그인하여 접속할 수 있습니다. | 캐릭터들의 정보를 확인하고 시뮬레이션을 시작할 수 있습니다. |
 |
 |
| Assigning Random Character | Chat Room |
| 대화를 나눌 직장 상사 캐릭터가 랜덤 배정됩니다. | 대화창에서 캐릭터와 다양한 근무 상황에서의 대화를 나눕니다. |
 |
 |
| Feedback | Loading Next Episode |
| 캐릭터와 나눈 대화를 기반으로 개선점을 포함한 피드백을 받습니다. | 각 시간대별 상황이 끝나고 다음 시간대의 다른 상황으로 넘어갑니다. |
 |
 |
| Taking Employee ID Card Photo | Loading Result |
| 시뮬레이션의 기록을 남길 수 있도록 사원증 사진을 촬영합니다. | 시뮬레이션이 다 끝난 후 전체 결과에 대한 피드백을 받기 위한 로딩창입니다. |
 |
 |
| Result Page | My Page |
| 결과창에서 시뮬레이션 전체에 관한 종합적인 피드백을 조회할 수 있으며, 결과를 저장하고 카카오톡으로 공유할 수 있습니다. | 이때까지 진행해본 시뮬레이션 결과가 기록으로 남아 조회할 수 있으며, 추가로 시뮬레이션을 진행할 수 있습니다. |
 |
 |
Frontend
Backend
Storage
Monitoring
DevOps
Tool
| Django | |
  |
|
| Node exporter | |
 |
|
| cAdvisor | |
 |
|
| Name | Description |
|---|---|
| React / TypeScript | 컴포넌트 기반으로 코드 재사용성을 높이는 프론트엔드 라이브러리입니다. |
| Nginx | 웹 서버, 프록시 서버 연결 및 SSL/TLS 등을 담당합니다. |
| Django | 각종 요청을 처리하고 DB와 직접 소통합니다. |
| MySQL / amazon RDS | 사용자 정보와 최종 결과 등을 저장합니다. |
| RabbitMQ / celery | 테스크를 비동기적으로 처리합니다. |
| Redis | 사용자의 응답과 gpt의 답변을 저장하는 임시 공간입니다. |
| LangChain Memory | 대화 내용을 요약해서 기억하여 정확하고 문맥에 맞는 대화를 제공합니다. |
| Django-channels [Websocket] |
GPT가 응답을 stream 방식으로 프론트엔드에게 전달합니다. 해당 매시지 값을 TTS로 변환 후 프론트엔드에 전달합니다. |
| Amazon EC2 | 클라우드 컴퓨팅 서비스로 호스팅을 담당합니다. |
| Github Action | CI/CD 자동화를 담당합니다. |
| Docker | 컨테이너화된 응용 프로그램의 개발, 배포 및 실행을 간소화하고 일관성을 유지합니다. |
| Amazon S3 | HTML, CSS, JavaScript, 이미지 등의 정적파일을 버킷에 업로드하고 퍼블릭 설정을 통해 프론트엔드를 배포합니다. |
| Prometheus | 오픈 소스 기반의 시스템 및 서비스 모니터링 도구로 Metric 정보를 수집하고 저장합니다. |
| Grafana | 수집한 Metric 정보를 시각화하여 대시보드를 구성하며 모니터링을 수행합니다. |
| ElevenLabs API | 캐릭터별로 학습한 음성모델을 생성하고 적용합니다. |
| GPT API | 랜덤한 상황을 구체화하여 대화를 구성하고 사용자에게 적절한 응답 및 피드백을 제시 합니다. |
| Name | 박수연 | 강태훈 | 김영택 | 이슬아 | 김경섭 |
|---|---|---|---|---|---|
| Profile |
|
|
|
|
|
| Position |
Leader Frontend |
Frontend |
Backend DevOps |
Backend |
Backend |
| GitHub |
|
|
|
|
|
