dashboard/README.md

81 lines
1.7 KiB
Markdown

# 🖥️ Server Dashboard
서버 상태 및 서비스를 한눈에 모니터링하는 대시보드 애플리케이션입니다.
![React](https://img.shields.io/badge/React-18-61DAFB?logo=react)
![Rust](https://img.shields.io/badge/Rust-Backend-000000?logo=rust)
![Docker](https://img.shields.io/badge/Docker-2496ED?logo=docker)
---
## ✨ 주요 기능
- 📊 **시스템 모니터링** - CPU, 메모리, 디스크 실시간 현황
- 🌐 **네트워크 트래픽** - 송수신 데이터 시각화
- 🔗 **서비스 현황** - Docker 컨테이너 상태 모니터링
-**WebSocket** - 실시간 데이터 업데이트
---
## 📁 프로젝트 구조
```
dashboard/
├── frontend/ # React + Vite 프론트엔드
├── backend/ # Rust + Actix-web 백엔드
└── docker-compose.yml # Docker Compose 설정
```
---
## 🛠️ 기술 스택
### Frontend
| 기술 | 설명 |
| --------------- | --------------- |
| **React 18** | UI 라이브러리 |
| **Vite** | 빌드 도구 |
| **TailwindCSS** | CSS 프레임워크 |
| **Recharts** | 차트 라이브러리 |
### Backend
| 기술 | 설명 |
| ------------- | ---------------- |
| **Rust** | 시스템 언어 |
| **Actix-web** | 웹 프레임워크 |
| **Sysinfo** | 시스템 정보 수집 |
---
## 🚀 실행 방법
### Docker (권장)
```bash
docker compose up -d --build
```
### 개발 모드
```bash
# 프론트엔드
cd frontend && npm install && npm run dev
# 백엔드
cd backend && cargo run
```
---
## 🌐 접속
- **URL**: https://caadiq.co.kr
- **API**: https://caadiq.co.kr/api/socket
---
## 📄 라이선스
MIT License