하나은행 주관 부트캠프 1차 프로젝트 결과물입니다.(최우수 프로젝트 선정)
은행업무에 특화된 영상통화 기능 & 상담 기록 원문 복기 기능 & 상담 내역 요약 기능을 제공합니다.
팀장으로서 FE/BE 설계를 주도적으로 설계했습니다. 지라와 노션을 통해 협업 프로제스를 만들어 팀의 업무 진행을 원활하게 했습니다.
git repository: https://github.com/HanaPingOf5th/HwaChang
프론트엔드 아키텍처에대해 고민했습니다.
아토믹 디자인 패턴과 BFF패턴을 적용해 비즈니스와 뷰 로직을 분리했습니다.
포트 어댑터 패턴을 활용해 외부 인프라(LLM/ STT…)에대해 느슨한 결합을 도모했습니다.
WEB-RTC 관련 로직을 custom-hook으로 관리해 재사용성을 높였습니다.
web-rtc를 구현하는 중 스트리밍되는 videoref가 NAT box를 통과하지 못하는 이슈가 발생했습니다. 그래서 NAT box를 우회하는 turn서버 구축이 필요했습니다. 이에 오픈소스인 coturn을 활용해 EC2 ubuntu 환경에서 turn 서버를 구축했습니다.
useRtc hook 도전기: https://younghun123.tistory.com/12
🛠️ Backend
📱 Frontend
☁️ Infra
주요 기능
고객은 개인/기업에 따라 상담 대기열에 진입합니다.
은행원과 실시간으로 소통하며 상담을 진행합니다.
고객은 상담하면서 간단한 서류를 작성할 수 있습니다. (예적금 등)
고객과 은행원 상담 중 화면공유가 가능합니다.
고객은 자신의 상담내역을 확인할수 있습니다. (채팅 UI 형태로 상담 내역 복기, 원본 녹음본 MP4, AI 요약본)
은행원 인터페이스입니다. 문서 검색, 과거 상담 기록 검색 기능이 있습니다.
은행원은 메인페이지에서 자신의 업무 현황, 상담 만족도를 볼 수 있습니다..