FENO-CANVAS · UI FRONTIER 2026

Read less.
Operate more.

문서형 7종을 넘어 조작·계산·공간 탐색·서버 상태까지, 실제로 사용할 수 있는 UI 능력을 한 화면에서 판별한다.

feno-canvasartifact + app
2D operator2.5D atlas3D worldserver statesimulation

01 · DIRECT MANIPULATION

읽는 대신 움직여 본다.

같은 정보를 2.5D와 시뮬레이션으로 직접 조작한다. 깊이는 순서이며 값이 아니다. 계산값은 입력에서 다시 산출된다.

2.5D decision layers

01 · Evidence

출처와 현재값. 가장 앞선 판단 근거.

02 · Model

계산과 변환. 입력에서 파생된 해석.

03 · Decision

행동과 조건. 실패하면 폐기할 기준.

04 · Operations

상태, 권한, 복구. 앱 레일에서만 활성.

깊이는 4단계의 검토 순서이며 크기·확률·중요도를 뜻하지 않는다.

02 · FULL-STACK COMPOSER

백엔드는 필요만큼 붙인다.

토글은 실제 배포가 아니라 아키텍처 선택 도구다. 상태를 쓰는 순간 앱 레일이며 원격 자원 생성은 별도 승인 대상이다.

UIWorker API

상태 자원 없음 · 정적/무상태 앱

03 · PROVEN WORLDS

데모가 아니라 이미 작동한 표면.

모두 현재 공개 URL에서 실행되며 이 오프라인 번들에도 함께 들어 있다. 새 쇼케이스는 이 자산들을 숨기지 않고 2.5D·3D 역량의 정식 진입점으로 올린다.

CSS · NATIVE 2.5D

Decision layers

추가 라이브러리 없이 검토 순서를 깊이로 조작한다.

  • 깊이·기울기 조절
  • 평면 비교
  • 무동작 정지
위 2.5D 조작하기

JS · SIMULATION

Capacity runway

입력 변화에서 12개월 용량 경로를 즉시 다시 계산한다.

  • 세 입력 직접 조작
  • 월별 재계산
  • DOM 결론 유지
위 시뮬레이터 조작하기

D3 · ATLAS

Evidence terrain

관계·의존성·근거를 확대·선택하는 실제 D3 표면.

  • zoom·선택
  • 결정적 라벨 배치
  • 정적 ledger
실제 D3 atlas 열기

THREE.JS · 3D

Transmission world

24개 shot과 근거 패널을 가진 실제 WebGL 절차적 세계.

  • 재생·정지·scrub
  • orbit·raycast
  • 완전한 정적 근거판
실제 3D world 열기

04 · TWO RAILS

무조건 서버가 정답은 아니다.

표현력은 양쪽 모두 높일 수 있다. 필요한 것은 제품이 요구하는 상태와 운영 책임에 맞는 레일이다.

ARTIFACT RAIL

검증 가능한 인터랙션

  • 공개 바이트 = 정본 바이트
  • 오프라인·인쇄·no-JS
  • D3·Three.js도 로컬 vendoring
  • 운영 상태 없음

APP RAIL · LOCAL SKELETON

상태가 이어지는 인터랙션

  • 이 화면은 구성 판단만 실행
  • Workers API 골격은 로컬 검증
  • D1·R2·KV·Durable Objects는 미생성
  • 원격 상태·로그·권한은 별도 승인