WebSocket을 이용한 실시간 투표 시스템입니다. 5가지 스포츠 종목 중 하나를 선택하면 전체 투표 결과가 실시간으로 반영됩니다.
- 실시간 투표: 웹소켓을 통한 즉시 반영
- 5가지 스포츠 종목: ⚾ 야구, 🏀 농구, 🏒 하키, 🏉 럭비, ⚽ 축구
- 실시간 결과 표시: 각 종목별 투표 수와 총 투표 수
- 연결 상태 표시: 서버 연결 상태 실시간 확인
- 자동 재연결: 연결이 끊어지면 자동으로 재연결 시도
npm start
# 또는
npm run dev브라우저에서 index.html 파일을 열어주세요.
서버가 ws://localhost:8080에서 실행됩니다.
Session2_Assignment/
├── server.js # WebSocket 서버
├── index.html # 클라이언트 (투표 앱)
├── package.json # 의존성 및 스크립트
└── README.md # 설명서
- Backend: Node.js + WebSocket (ws 라이브러리)
- Frontend: HTML5 + CSS3 + Vanilla JavaScript
- 실시간 통신: WebSocket
- 서버를 실행합니다 (
npm start) - 브라우저에서
index.html을 엽니다 - 연결 상태가 "🟢 서버에 연결됨"으로 표시되면 투표 가능
- 원하는 스포츠 버튼을 클릭하여 투표
- 실시간으로 투표 결과가 업데이트됩니다
투표 데이터는 서버 메모리에 저장되며, 서버 재시작 시 초기화됩니다.
각 종목별 투표 수와 총 투표 수가 실시간으로 표시됩니다.