사용 스택: Next.js + Electron + Tailwind CSS
학교 1학기 프로젝트 과제에서 2명 팀으로 개발하였고, 메인화면~계좌이체 확인 UI와 Electron 데스크톱 환경 구축을 맡아 개발하였습니다.
어르신들이 실생활에서 가장 취약하고 피해를 보기 쉬운 ‘ATM 기기를 통한 보이스피싱 금융 사기’에 주목하여 일방적인 예방 서적이나 영상 교육 대신, 어르신이 ATM기 화면을 직접 조작하며 대처법을 익히는 실전 교육 프로그램을 기획하게 되었습니다.
또한 은행을 선정하는 과정에서 60대 이상 ATM 사용률이 가장 높은 은행이 농협임을 알게 되어 농협 ATM의 인터페이스를 기반으로 제작하였습니다.
개발 중 Chromium Autoplay 보안 정책으로 인한 오디오 미출력 문제가 있었으나, Electron에서 자동재생 정책 플래그를 설정하여 해결 할 수 있었습니다.