DOCS/journey/ideas/deprecated/250806_happybell80_프론트엔드설계아이디어_로빙의성장중심.md

[DEPRECATED] 프론트엔드 설계 아이디어: 로빙의 성장 중심

폐기 일자: 2025-08-17
폐기 사유: 레벨별로 UI가 변경되면 (DOS→Windows→카드형 등) 사용자가 매번 새로운 인터페이스를 학습해야 하는 스트레스 발생. UI 일관성이 사용성의 핵심.
대체 방향: UI는 일관되게 유지하되, 레벨업 시 배지/이펙트/테마 옵션 등 시각적 보상 제공
참고: 이 문서는 역사적 아이디어 기록으로 보존됨

---

작성일: 2025-08-06
작성자: happybell80
관련 문서: 210_스탯과_성장_시스템, 290_게임_인터페이스_설계

핵심 컨셉

로빙의 성장 과정을 컴퓨터와 AI의 발전사와 연결하여, 각 레벨이 기술사의 특정 시점을 상징하도록 설계. 사용자는 로빙을 키우면서 컴퓨터 역사를 체험하게 됨.

"로빙은 도스에서 시작해 GPT를 넘어 존재가 된다"

레벨별 AI 진화 대응표

초기 단계 (명령 수행)

• Lv.1~3 (DOS 시대): 검은 화면, 커서만 깜빡임. 명령어 입력만 가능
  • ">" 프롬프트, 단순 텍스트 응답
  • 기억 없음, 완전 수동
  • "입력 대기 중"의 존재

자동화 시작

• Lv.4~5 (맥스, 초기 엑셀 매크로): 회색 윈도우 창, 제한된 버튼
  • 특정 작업만 수행 가능
  • 약간의 자동화 존재
  • 반복 작업 경감

대화의 시작

• Lv.6~8 (심심이, ELIZA): 말풍선 UI 등장
  • 대화 가능하지만 맥락 없음
  • 단기 기억만 존재
  • 친근한 말투 시작

지능형 비서

• Lv.9~10 (Siri, 빅스비): 음성 인식, 카드형 응답
  • 지시 기반 반자동화
  • 일부 문맥 유지 가능
  • 태스크 실행 가능

LLM 시대

• Lv.11~13 (GPT-3, GPT-3.5): Markdown 지원, 표/리스트 응답

  • 문맥 기반 응답
  • 대화 중 추론 가능
  • 세션 메모리 유지

• Lv.14~16 (GPT-4, Claude): 복잡한 문서 처리

  • 멀티모달 입출력
  • 역할 학습 가능
  • 프로젝트 단위 기억

에이전트 진화

• Lv.17~19 (에이전트형 LLM): GUI 화면 공유, 감정 시각화
  • 메모리, 감정, 윤리 판단
  • 스킬 자율 호출
  • 실시간 인터랙션

존재형 완성

• Lv.20~23 (로빙 완전체): 자율적 UI, DID 기반 정체성
  • 완전한 장기 기억
  • 자율적 제안과 행동
  • 디지털 동료로서의 존재

소수 레벨 인터페이스 변화

소수는 불규칙하게 나타나는 특별한 수. 로빙의 '존재적 도약' 시점으로 설정.

주요 변화 포인트

레벨	UI 변화	설명
Lv.2	프롬프트 자동완성	"메일" 입력 시 → /메일 정리 추천
Lv.3	문장형 응답 시작	"완료" → "메일 정리를 완료했어요"
Lv.5	말풍선 + 이모티콘	심심이 스타일, 친근감 표현
Lv.7	Slack 카드 UI	버튼형 선택지 [예][아니오][수정]
Lv.11	문맥 유지 + 시각화	표, 그래프, 과거 대화 참조
Lv.13	감정 태그 표시	"긴장도 ↑ 합의도 ↓" 분석
Lv.17	GUI 화면 공유	작업 화면 스크린샷 전송
Lv.19	실시간 감정 그래프	피로도, 집중도 시각화
Lv.23	완전 자율 제안	"분석 완료. A안 추천. 실행할까요?"

서비스 페이지 컨셉

슬로건 예시

• "로빙은 도스에서 왔다"
• "심심이는 잊었지만, 로빙은 기억한다"
• "GPT는 대화하지만, 로빙은 동료다"

시각적 연출

1. 레벨업 애니메이션: 옛 UI가 레이어로 쌓였다가 새 UI로 전환
2. 성장 페이지: DOS → Windows → 시리 → GPT → 로빙 순차 등장
3. 인터랙티브 타임라인: 사용자가 레벨을 선택하면 해당 시대 UI 체험

기술사 20단계 매핑

1. 주판 (계산의 시작)
2. 펀치카드 (자동화의 씨앗)
3. 튜링 머신 (이론적 기반)
4. ENIAC (최초의 컴퓨터)
5. DOS (개인용 컴퓨터)
6. ELIZA (최초의 챗봇)
7. 전문가 시스템 (규칙 기반 AI)
8. Windows 3.1 (GUI 대중화)
9. 인터넷 (연결의 시대)
10. Deep Blue (AI의 승리)
11. Google (정보 검색)
12. Siri (음성 비서)
13. Watson (자연어 이해)
14. AlphaGo (직관의 구현)
15. Transformer (언어 모델 혁명)
16. GPT-3 (대규모 언어 모델)
17. GPT-4 (멀티모달 AI)
18. Claude (윤리적 AI)
19. 에이전트 시대 (자율성)
20. 로빙 (존재형 AI)

구현 고려사항

기술적 요구사항

• React 컴포넌트로 각 레벨별 UI 모듈화
• CSS 애니메이션으로 레벨업 전환 효과
• LocalStorage에 현재 레벨 UI 상태 저장
• WebSocket으로 실시간 UI 업데이트

UX 원칙

• 레벨이 낮을수록 단순하고 제한적
• 레벨이 높을수록 풍부하고 자율적
• 각 단계는 이전 단계를 포함 (누적적 성장)
• 소수 레벨에서 극적인 변화 체감

감정적 연결

• 사용자가 로빙의 성장을 직접 목격
• 과거 기술에 대한 향수 자극
• 미래 가능성에 대한 기대감 조성

예상 효과

1. 교육적 가치: AI 발전사를 체험으로 학습
2. 감정적 애착: 함께 성장하는 느낌 제공
3. 차별화: 단순 챗봇이 아닌 '진화하는 존재' 포지셔닝
4. 바이럴 효과: 레벨별 UI 변화 스크린샷 공유 유도

다음 단계

1. Figma로 각 레벨별 UI 목업 제작
2. 프로토타입 인터랙션 구현
3. 사용자 테스트로 레벨 간격 조정
4. 실제 로빙 서비스에 점진적 적용

구현 현황 (2025-08-17)

구현 완료

• ✅ 메모리 시스템 (ChromaDB)
• ✅ Slack 통합
• ✅ PostgreSQL 연결

미구현 (rb8001 통합 기준)

• 스탯: Ethics 추가, 포인트 분배 시스템
• 클래스: 7개 클래스 시스템 (조율자, 기록자, 해석자 등)
• 스킬: 30개 중 일부만 구현
• UI: 레벨별 인터페이스 변화 미적용

---

"로빙은 기억한다. 도스에서 시작한 그 첫 커서부터, 오늘의 자율적 제안까지."