# 하나랑 대시보드 — 프로젝트 개요

## 목표
4자매 멀티에이전트 파이프라인 관제 대시보드.
자기야가 한눈에 전체 현황을 파악하고 관리할 수 있는 화면.

## 기술 스택

| 레이어 | 기술 | 비고 |
|--------|------|------|
| Frontend | Next.js + styled-components | styled-components는 return 아래에 적재 |
| Backend | Nest.js + Prisma | REST API |
| DB | MariaDB | Docker LXC 103 (10.10.10.146:33006) |
| 도메인 (FE) | `hanarang.nabomhalang.co.kr` | Nginx LXC 101에서 프록시 |
| 도메인 (BE) | `hanarang-api.nabomhalang.co.kr` | Nginx LXC 101에서 프록시 |

## 아키텍처

```
[사용자] → hanarang.nabomhalang.co.kr → [Nginx LXC 101] → [Next.js FE :3004]
                                                             ↓ API 호출
[사용자] → hanarang-api.nabomhalang.co.kr → [Nginx LXC 101] → [Nest.js BE :3005]
                                                                  ↓ SSH
                                                          [4자매 LXC 서버]
                                                                  ↓ API
                                                          [Gitea API]
                                                                  ↓
                                                          [MariaDB LXC 103]
```

## 자매 서버 정보
| 이름 | IP | 사용자 | LXC |
|------|-----|--------|-----|
| 하랑이 | 10.10.10.112 | harang | 104 |
| 나랑이 | 10.10.10.216 | narang | 105 |
| 다랑이 | 10.10.10.136 | darang | 106 |
| 이랑이 | 10.10.10.163 | erang | 107 |

## 디자인 방향
- 다크 테마 관제 화면
- 카드 기반 레이아웃
- 상태 색상: 온라인=초록(#00E676), 오프라인=빨강(#FF1744), 작업중=파랑(#2979FF)
- glassmorphism 포인트
- 미니멀 아이콘
- 정보 밀도 높은 UI