🏆 SW중심대학 공동 해커톤 2022 교내 선발전

🎙 홈피크, 온라인으로 배우는 회화 서비스

스피킹 테스트 를 준비해 본 경험이 있나요?

"회화 연습을 위해 더운 날씨에 학원에 가거나 비싼 돈을 내지 않고도 집에서 스크립트를 읽으면서 발음을 평가받고, 개선할 수 있다면 얼마나 좋을까요?"

스크립트를 외우는 아날로그적인 방식보다는 스크립트를 따라 읽어보고, 사용자의 발음에 대해 딥러닝 모델을 사용해 피드백을 주면서 사용자의 발음을 교정해주는 서비스

저희의 서비스는 홈과 스피크를 합친 홈피크 입니다!

ETRI 발음평가 API를 활용해, 사용자가 생성한 스크립트의 모범 발음을 들어보거나, 직접 스크립트를 읽고 발음을 평가받을 수 있는 웹앱 어플리케이션입니다.

추가 기능으로는 누적된 발음평가 점수 기반의 랭킹 페이지 UI와, 내 가입 정보를 확인할 수 있는 마이페이지 UI를 구현했습니다.

또한 PWA를 활용해 마치 네이티브 어플리케이션을 사용하는 것과 유사한 경험을 주려 시도했으며, 하루라는 제한된 시간동안 목표를 달성하기 위해 퍼블릭 클라우드 인프라(AWS EC2, RDS) & VSCode Live Share 기능을 활용했습니다.


김태현 (Back-end)	정다빈 (Back-end)	천수환 (Back-end)	김찬민 (Front-end)	전영서 (Front-end)

프론트엔드에서 마이크 기능을 활성화하려면 반드시 HTTPS 위에 배포해야만 합니다.
그러나, EC2의 퍼블릭 엔드포인트는 기본적으로 HTTP 위에서 배포되어 Mixed Content 이슈를 경험하게 되었습니다.

이를 해결하기 위해 백엔드에서는 SSL 인증서를 적용한 도메인을 Nginx에 입힌 후, 해당 도메인으로 전달되는 요청을 EC2로 프록시해 HTTPS-HTTPS 간의 통신을 구현해내 Mixed Content 이슈를 해결할 수 있었습니다.