워크숍/데모용 실시간 슬라이드 동기화 웹 앱입니다.

• 여러 Host와 여러 Guest가 같은 슬라이드 인덱스를 공유합니다.
• 서버는 슬라이드 콘텐츠가 아니라 현재 인덱스 상태만 동기화합니다.
• 슬라이드 타입: text, image, interactiveColor, bytebeat, bytebeatSlider, p5.

npm install
npm start

• Guest: http://localhost:3000/
• Host: http://localhost:3000/host

• Frontend: Vanilla JavaScript (ES Modules), HTML/CSS, p5.js, Web Audio API
• Backend: Node.js, Express, Socket.IO

client/
  index.html
  host.html
  main.js
  slideRenderer.js
  slides.js
  styles.css
server/
  server.js
package.json

1. 클라이언트가 join 이벤트로 role(host/guest)을 요청합니다.
2. 서버가 roleAssigned, sync(currentSlide)를 전달합니다.
3. Host가 slideChange를 보내면 서버가 전체에 sync와 playSound(ding)를 브로드캐스트합니다.