← 목록
AI 2026-05-19 4KB 읽기 4분

크라우니AI v4.0 — Claude-style GUI + 세션 지속성

개요

crowny.org (포트 9852) 크라우니AI 서비스를 v4.0으로 완성. Claude-style GUI 전면 재설계 (2395줄) + 대화 지속성 API (CRUD) + PWA (manifest + service worker) + Dark/Light Mode 토글.

변경 사항 (v3.0 → v4.0)

server.js

  • 대화 지속성 API (NEW): /api/conversations (GET/POST/PUT/DELETE), /api/conversations/{id}, /api/conversations/sync
  • 파일 저장소: data/conversations/ 디렉토리 (JSON 파일)
  • 함수 추가: convPath, loadConv, saveConv, listConvs, deleteConv, syncConversations
  • 기존 유지: 5 에이전트, 적성검사 API, 서비스 디렉토리, 지식 주입

public/index.html (2395줄, 새 레이아웃)

  • Claude-style GUI: 샤드 레이아웃, 좌측 사이드바(세션 목록), 우측 메인(채팅)
  • 세션 관리: 이전 대화 목록 + 로드/삭제 버튼, 새 대화 버튼
  • PWA: web.manifest + service worker (오프라인 지원)
  • Dark/Light Mode: 토글 스위치 + localStorage 저장
  • 디자인표준2026 강화: glass morphism, 5단계 그림자, 마이크로 애니메이션
  • 적성검사 모드: 7문항 인터랙티브 카드, 결과 시각화 (유지)
  • 서비스 탐색기: 슬라이드인 패널, 20서비스 (유지)

engine/aptitude.js

  • 8 크루 역할: 선장/조타수/항해사/기관장/망수/보급관/조선공/선원
  • 7 문항 (vision/action/team/identity/fear/desire/world 위상)
  • 결과: 1차역할 + 2차역할 + 적합도% + Top4 점수 + 다음단계

크라우니AI.한선 (한선씨 동반 v4.0)

  • 대화 지속성 함수: 대화경로, 대화로드, 대화저장, 대화목록조회, 대화삭제, 대화동기화
  • 라우팅: 대화 CRUD 엔드포인트 + 동기화 로직

관련 파일

  • /Users/ef/crowny-ai/server.js — 메인 서버 (대화 지속성 포함)
  • /Users/ef/crowny-ai/public/index.html — Claude-style GUI (2395줄, v4.0)
  • /Users/ef/crowny-ai/public/web.manifest — PWA 매니페스트
  • /Users/ef/crowny-ai/public/service-worker.js — Service Worker
  • /Users/ef/crowny-ai/engine/aptitude.js — 적성검사 엔진
  • /Users/ef/crowny-ai/knowledge/ — 6개 지식 베이스
  • /Users/ef/crowny-ai/크라우니AI.한선 — 한선씨 동반 v4.0

API 엔드포인트

채팅 & 에이전트

경로메서드설명
/api/chatPOST (SSE)AI 채팅 (5에이전트)
/api/agentsGET에이전트 목록
/api/aptitude/questionsGET적성검사 문항
/api/aptitude/resultPOST적성검사 결과
/api/servicesGET서비스 디렉토리
/api/knowledgeGET지식 베이스 조회

대화 지속성 (NEW)

경로메서드설명
/api/conversationsGET모든 대화 목록
/api/conversationsPOST새 대화 생성
/api/conversations/{id}GET특정 대화 로드
/api/conversations/{id}PUT대화 업데이트
/api/conversations/{id}DELETE대화 삭제
/api/conversations/syncPOST클라이언트-서버 동기화

완성 항목

  • 대화 지속성 API (CRUD + 동기화) 구현
  • Claude-style GUI 전면 재설계
  • PWA 기본 구조 (manifest + service worker)
  • Dark/Light Mode 토글 UI
  • 한선씨 동반 v4.0 작성 (대화 관리 함수)

다음 단계

  • 브라우저 실제 테스트 (세션 로드/저장, 동기화)
  • PWA 캐싱 전략 최적화 (offline-first)
  • 지식 베이스 확장 (5개 추가 카테고리)
  • 성능 최적화 (이미지 최적화, 번들 압축)