README에 아래 코드를 추가하고 사용자명을 본인의 Dreamhack 닉네임으로 변경하세요.
💡 클릭 시 Dreamhack 프로필로 이동하게 하려면 HTML 사용:
<a href="https://dreamhack.io/users/사용자명"> <img src="https://dreamhack-readme-stats.vercel.app/api/stats?username=사용자명" /> </a>
| Feature | Description |
|---|---|
| Wargame Stats | 해결한 문제 수, 랭킹, 점수, TOP % 표시 |
| Category Chart | 카테고리별 점수 분포를 파이 차트로 시각화 |
| Auto Update | 실시간으로 최신 통계 반영 |
| Caching | Redis 캐싱으로 빠른 응답 속도 |
# 저장소 클론
git clone https://github.com/with-developer/dreamhack-readme-stats.git
cd dreamhack-readme-stats
# 의존성 설치
npm install
# 환경변수 설정
cp .env.local.example .env.local
# 개발 서버 실행
npm run devhttp://localhost:3000 에서 확인
| Variable | Required | Description |
|---|---|---|
REDIS_URL |
No | Redis 연결 URL (캐싱용) |
GITHUB_TOKEN |
No | GitHub API 토큰 (사용자 수 집계용) |
- Framework: Next.js 14
- Language: TypeScript
- Cache: Redis (Upstash)
- Deploy: Vercel
MIT License