# h-lab

유튜브 데이터를 수집하고 분석하는 개인용 웹 서비스입니다.
Spring Boot 4.x(3.4.0) 기반의 백엔드와 React + Vite 기반의 프론트엔드로 구성되어 있습니다.

## 🛠 Tech Stack

### Backend
- **Framework**: Spring Boot 3.4.0 (Java 21)
- **Database**: H2 (Development), JPA
- **API Docs**: Swagger UI (SpringDoc)
- **Architecture**: Domain-Driven Design style

### Frontend
- **Framework**: React 18 (Vite)
- **Language**: TypeScript
- **Styling**: Vanilla CSS + CSS Variables (Dark Mode)
- **State**: Zustand
- **Charts**: Recharts

## 🚀 How to Run

### Backend & Frontend (Integrated)
1. `backend` 디렉토리로 이동
2. `./gradlew bootRun` 실행 (Windows: `gradlew bootRun`)
3. 웹 서비스 접속: `http://localhost:8080`
   - 메인 대시보드: `http://localhost:8080/`
   - 채널 관리: `http://localhost:8080/channels`
   - Swagger UI: `http://localhost:8080/swagger-ui.html`

### Frontend (Legacy React)
*Removed in favor of Thymeleaf Server-Side Rendering*

## 📂 Project Structure

```
h-lab/
├── src/main/java/com/hlab/yanalyst/
│   ├── domain/        # Domain Entities (Video, Channel...)
│   └── web/           # Web Controllers (Thymeleaf)
│
└── src/main/resources/
    ├── static/        # CSS, JS
    └── templates/     # HTML Templates (Thymeleaf)
```

## ✨ Key Features
- **Dashboard**: 전체 데이터 요약 및 시각화 (Charts)
- **Channel Management**: 분석 대상 유튜브 채널 관리
- **Dark Mode**: 눈이 편안한 프리미엄 다크 모드 UI