Riverside, 바이브 코딩으로 대체 가능?

빈 저장소에 Riverside 대신 쓸 원격 인터뷰 녹음 도구를 만든다. 대체 범위는 브라우저 녹음, 참가자별 트랙 저장, 기본 자막 자리표시자까지다.
스택은 Node.js 22, Express, Socket.IO, SQLite(better-sqlite3), 브라우저 MediaRecorder API로 고정하고 다른 스택은 제안하지 않는다.
로컬에서 `npm install && npm run dev` 한 번으로 스튜디오(/studio/:id)와 녹음 목록(/recordings)이 함께 뜨게 한다.
녹음 파일은 ./files/recordings/<세션>/ 아래에 참가자별 webm 파일로 저장하고, 목록에서 파일 크기와 길이를 보여 준다.
SESSION_SECRET, BASE_URL, MAX_RECORD_MINUTES, STORAGE_DIR 는 .env 에서 읽고 저장소에는 .env.example 만 둔다.
호스트가 방을 만들면 참가자 초대 링크가 생기고, 참가자는 앱 설치 없이 링크로 들어와 마이크 권한만 허용하면 된다.
입장할 때 표시 이름을 받고, 호스트가 녹음을 시작하면 모든 참가자 화면에 녹음 중 표시와 동의 확인을 띄운다.
녹음은 참가자 브라우저에서 각자 시작해 개별 트랙으로 업로드하고, 호스트 화면에는 진행 시간이 보인다.
업로드가 끝나면 트랙을 세션 폴더에 모으고, 다운로드 링크와 합친 오디오 파일을 목록에서 내려받게 한다.
자막은 참가자별 트랙 길이를 맞춘 자리표시자 타임라인만 만들고, 음성 인식은 로컬 whisper.cpp 실행을 선택 사항으로 둔다.
녹음 목록은 세션·참가자·길이로 걸러 보고 CSV로 내보낼 수 있게 한다.
녹음이 하나도 없을 때의 빈 상태, 업로드 중 로딩 표시, 연결이 끊겼을 때 다시 시도 버튼이 있는 오류 화면을 각각 만든다.
방 링크는 추측하기 어려운 토큰으로 만들고 만료 시각을 두며, 호스트만 녹음을 시작·중지할 수 있게 한다.
업로드 파일은 MIME 과 크기를 검증하고, 같은 세션에서 이미 쓴 파일 이름은 거부한다.
참가자에게 녹음 동의 문구와 보관 기간을 보여 주고, 동의하지 않은 참가자는 녹음 대상에서 뺀다.
저장한 녹음 파일과 메타데이터는 기본 90일이 지나면 매일 새벽 자동 삭제하고, 삭제 7일 전부터 화면에 알린다.
링크 토큰 검증, 파일 이름 충돌 처리, 트랙 길이 합산에 대한 단위 테스트와 방 생성부터 업로드까지 한 바퀴 도는 통합 테스트를 Vitest로 쓴다.
README에는 실행 방법, .env 항목, 저장 폴더 위치와 백업, 보관 기간을 적는다.
화면 문구와 녹음 목록 시간 표기는 한국어(Asia/Seoul)로 하고 2026년 10월 17일 오후 2:30 형식으로 쓴다.
실시간 화상 편집, 자동 노이즈 제거, 클립 잘라내기 화면, 영상 호스팅은 일부러 뺀다.
회원가입 페이지, 외부 추적 스크립트, 참가자 화면 녹화와 위치 수집은 넣지 않는다.
마지막으로 npm test 로 통과를 확인하고, 실행한 명령을 순서대로 적는다.