CrownyLifeOS 6561 UI 고도화 + 실제 연동
날짜: 2026-04-26
개요
life.crowny.org의 6561 프로세스 대시보드 UI를 실제 구현하고, project.crowny.org v4.0과 end-to-end 연동을 완성.
무엇을 했는지
1. project.crowny.org v4.0 재기동
- 기존: crownyc (한선씨 VM) v2.3-han이 포트 9730을 점유
- 변경: Node.js server.js v4.0으로 교체 → 6561 API (deploy-core, deploy-all, lifeos/6561) 활성화
- 결과: 이전 세션에서 배포한 9코어 × 729 = 6561 프로세스 정상 조회
2. 6561 대시보드 UI 구현 (public/)
index.html:
#view6561대시보드 뷰: SVG 진행률 링, 전체 통계(총/완료/진행중/코어수), Ti/Om/Ta 균형 바, 9코어 그리드, 배포 버튼
.dash-*대시보드 스타일: 링 차트, 코어 진행 카드, TOAU 분포 바 (비례 flex), 균형 바, 배포 완료 상태, 코어 상세 통계, 반응형
load6561():/api/6561/status→ 실제 API 응답(core, toau, stats, projectId) 매핑view6561Core():/api/6561/core/:code→ 코어 상세 (카테고리 3개, TOAU 분포 바, project.crowny.org 링크)show6561(),switchView(): 뷰 전환 통합deploy6561(): 배포 실행 + 상태 반영- 홈 통계바에 6561 배포 상태 표시 (클릭→대시보드)
- 코어 그리드에 프로젝트 연동 상태(● 연동) 표시
- 초기화 시 6561 상태 선행 로드 → 홈/코어 그리드에 반영
3. 실제 연동 검증
life.crowny.org:6561 → /api/6561/status → project.crowny.org:9730/api/lifeos/6561
→ 9코어 × 1093노드(729잎) = 6561 서비스 배포됨
→ TOAU 분포: T:0 O:0 A:0 U:729 (초기 상태)
→ 각 코어에 projectId 할당 → project.crowny.org 직접 링크
life.crowny.org:6561 → /api/6561/core/T.T → project.crowny.org 조회
→ 3 카테고리 (제조관제/1차산업/첨단산업)
→ 각 카테고리 243 잎노드
→ projectId: c5f9a0a0901fc3b4
life.crowny.org:6561 → /api/6561/service/T.T.T.T.T.T.T.T
→ catalog: 선박설계공정실행
→ linked: true (project.crowny.org 노드 존재)
4. 한선씨 동반
대시보드6561.한선— 대시보드 출력 로직 (컴파일/실행 성공)- 함수: 상판별, 진행률, TOAU분포, 코어카드, 대시보드
UI 흐름
홈 → 통계바 6561 클릭 → 6561 대시보드
↓
헤더 6561 버튼 → 6561 대시보드
↓
코어 카드 클릭 → 코어 상세 (카테고리 + TOAU + project 링크)
↓
카테고리 카드 클릭 → 서비스 상세 뷰 (기존)
↓
project.crowny.org → 링크 → 외부 프로젝트 매니저
관련 파일
/Users/ef/crowny-life/public/index.html— 6561 대시보드 뷰/Users/ef/crowny-life/public/css/style.css— 대시보드 스타일/Users/ef/crowny-life/public/js/app.js— 대시보드 로직 + 연동/Users/ef/crowny-life/대시보드6561.한선— 한선씨 동반/Users/ef/crowny-project/server.js— v4.0 (6561 API)
잔여 이슈
- TOAU 상태 변경 UI: 잎노드의 T/O/A/U 상태를 변경하는 인터페이스 (현재 project.crowny.org에서만 가능)
- 자동 새로고침: 대시보드 자동 폴링 (현재 수동)
- 검색 통합: 6561 카탈로그(9840노드)를 검색에 포함 (현재 v3 363개만 검색)