hanarang-dashboard/.plans/OVERVIEW.md

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

목표

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