GitHub README 프로필에 표시할 수 있는 Dreamhack 워게임 통계 SVG 생성기입니다.

<a href="https://dreamhack.io/users/사용자명" target="_blank" rel="noopener noreferrer">
<img src="https://dreamhack-readme-stats.vercel.app/api/stats?username=사용자명" alt="Dreamhack Stats" />
</a>
실제 사용 시에는 사용자명
을 여러분의 Dreamhack 사용자 이름으로 변경하세요.
다음은 실제 렌더링된 결과입니다:
마크다운 코드:

HTML 코드:
<a href="https://dreamhack.io/users/weakness" target="_blank" rel="noopener noreferrer">
<img src="https://dreamhack-readme-stats.vercel.app/api/stats?username=weakness" alt="Dreamhack Stats" />
</a>
Dreamhack의 워게임 카테고리별 점수를 원형 차트로 표시합니다. 각 카테고리별 점수와 랭킹을 확인할 수 있습니다.

<a href="https://dreamhack.io/users/사용자명" target="_blank" rel="noopener noreferrer">
<img src="https://dreamhack-readme-stats.vercel.app/api/most-solved?username=사용자명" alt="Dreamhack Category Chart" />
</a>
- Next.js
- TypeScript
- Node.js
- Redis (캐싱)
- 저장소 클론
git clone https://github.com/yourusername/dreamhack-readme-stats.git
cd dreamhack-readme-stats
- 의존성 설치
npm install
- 개발 서버 실행
npm run dev
- 브라우저에서 확인
http://localhost:3000
성능 향상을 위해 Redis 캐싱을 사용합니다. 사용자 ID 조회 결과를 캐싱하여 API 응답 시간을 크게 단축합니다.
.env.local.example
파일을.env.local
로 복사합니다.
cp .env.local.example .env.local
.env.local
파일을 편집하여 Redis 연결 정보를 설정합니다.
Redis 연결은 두 가지 방법으로 설정할 수 있습니다:
REDIS_URL=redis://username:password@host:port
REDIS_HOST=localhost
REDIS_PORT=6379
REDIS_USERNAME=default
REDIS_PASSWORD=your_password
REDIS_TLS=false
다음과 같은 Redis 서비스를 사용할 수 있습니다:
- Upstash - 서버리스 Redis (무료 티어 제공)
- Redis Cloud - 관리형 Redis 서비스
- 로컬 Redis 서버
Redis 설정이 없어도 애플리케이션은 정상적으로 작동합니다. 다만, 캐싱 기능이 비활성화되어 모든 요청이 Dreamhack API를 직접 호출하게 됩니다.