← 목록
기타 2026-04-26 3KB 읽기 4분

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코어 그리드, 배포 버튼
css/style.css:
  • .dash-* 대시보드 스타일: 링 차트, 코어 진행 카드, TOAU 분포 바 (비례 flex), 균형 바, 배포 완료 상태, 코어 상세 통계, 반응형
js/app.js:
  • 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개만 검색)