피아노 연주 웹 사이트

이 프로젝트는 크게 Next.js 14, Socket.IO, MongoDB, Express, WebMIDI를 사용했습니다.

소개

• 사용자들은 마우스 클릭 또는 WebMIDI를 통해 MIDI가 지원되는 디지털 피아노를 사용하여 피아노를 연주할 수 있습니다.
• Socket.IO를 사용하여 다른 사용자와 실시간으로 연주를 공유하고, 함께 연주할 수 있으며 채팅으로 의견 공유도 가능합니다.
• MongoDB를 사용하여 사용자들 기록을 저장하고, 나중에 조회할 수 있습니다.

개선 할 점

• 채팅 내역 저장 (채팅 내역을 전부 저장하려 했으나 비용이 발생되어 보류)

사용 방법

1. 피아노 웹 사이트에 접속합니다.
2. 사이드바에서 피아노 페이지를 클릭하여 이동합니다.
3. 피아노를 연주하고 실시간으로 여러 사람들과 소통하세요

여러 시도가 담긴 브랜치

• socketmidi : 미디 입력 시 socket을 사용해 소리 공유
• mongodb : 몽고db 활용 (로그인 데이터 저장) 차후 채팅 내역도 저장할 예정
• socket : 채팅 내역 공유
• WebAudioAPI : WebAudioAPI 사용
• pianosound : 건반 클릭 시 소리나게
• pianolayout : 피아노 레이아웃
• amplify : aws amplify를 사용하려 했으나 서버리스라 드랍
• next+express : next api 라우트를 사용하려 했으나 socket 통신에서 한계를 느껴 서버를 추가하고자함