62 lines
1.4 KiB
Markdown
62 lines
1.4 KiB
Markdown
|
# 🎨 Minecraft Dashboard - Frontend
|
||
|
|
|
||
|
|
마인크래프트 대시보드의 웹 인터페이스입니다.
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🛠️ 기술 스택
|
||
|
|
|
||
|
|
| 기술 | 설명 |
|
||
|
|
| ----------------- | -------------- |
|
||
|
|
| **React 18** | UI 라이브러리 |
|
||
|
|
| **Vite** | 빌드 도구 |
|
||
|
|
| **TailwindCSS** | CSS 프레임워크 |
|
||
|
|
| **Socket.IO** | 실시간 통신 |
|
||
|
|
| **skinview3d** | 3D 스킨 렌더링 |
|
||
|
|
| **Framer Motion** | 애니메이션 |
|
||
|
|
| **Lucide React** | 아이콘 |
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## ✨ 주요 기능
|
||
|
|
|
||
|
|
- 🎴 **서버 상태 카드** - 온라인/오프라인 상태 표시
|
||
|
|
- 👤 **플레이어 목록** - 접속 중인 플레이어 및 3D 스킨 뷰어
|
||
|
|
- 🗺️ **월드 정보** - 서버 월드 목록 표시
|
||
|
|
- 📱 **반응형 디자인** - 모바일/데스크톱 최적화
|
||
|
|
- 🌙 **다크 테마** - 세련된 UI 디자인
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🚀 실행 방법
|
||
|
|
|
||
|
|
### 개발 모드
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm install
|
||
|
|
npm run dev
|
||
|
|
```
|
||
|
|
|
||
|
|
### 프로덕션 빌드
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm run build
|
||
|
|
```
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 📁 구조
|
||
|
|
|
||
|
|
```
|
||
|
|
frontend/
|
||
|
|
├── src/
|
||
|
|
│ ├── components/ # UI 컴포넌트
|
||
|
|
│ ├── pages/ # 페이지 컴포넌트
|
||
|
|
│ └── utils/ # 유틸리티 함수
|
||
|
|
└── public/ # 정적 파일
|
||
|
|
```
|