Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏆 실시간 스포츠 투표 앱

WebSocket을 이용한 실시간 투표 시스템입니다. 5가지 스포츠 종목 중 하나를 선택하면 전체 투표 결과가 실시간으로 반영됩니다.

📋 기능

  • 실시간 투표: 웹소켓을 통한 즉시 반영
  • 5가지 스포츠 종목: ⚾ 야구, 🏀 농구, 🏒 하키, 🏉 럭비, ⚽ 축구
  • 실시간 결과 표시: 각 종목별 투표 수와 총 투표 수
  • 연결 상태 표시: 서버 연결 상태 실시간 확인
  • 자동 재연결: 연결이 끊어지면 자동으로 재연결 시도

🚀 실행 방법

1. 서버 실행

npm start
# 또는
npm run dev

2. 클라이언트 접속

브라우저에서 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

💻 사용법

  1. 서버를 실행합니다 (npm start)
  2. 브라우저에서 index.html을 엽니다
  3. 연결 상태가 "🟢 서버에 연결됨"으로 표시되면 투표 가능
  4. 원하는 스포츠 버튼을 클릭하여 투표
  5. 실시간으로 투표 결과가 업데이트됩니다

📊 투표 데이터

투표 데이터는 서버 메모리에 저장되며, 서버 재시작 시 초기화됩니다.

각 종목별 투표 수와 총 투표 수가 실시간으로 표시됩니다.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages