스피논 · 설계 초안

한 가지 코드, 두 가지 화면 출력

모바일 주 화면은 스피논 UI 트리를 GPU로 그리는 경로로 확정했습니다. 웹에서는 같은 작성 흐름을 브라우저의 DOM과 CSS로 연결합니다. React, Vue, Svelte는 각자의 연결기를 통해 공통 UI 규약에 참여합니다.

스피논 전체 구현 목록 보기 → 웹 문법 대응 명세 보기 → JavaScript API 대응 명세 보기 → 모바일 실행 경계 자세히 보기 →
스피논의 웹·모바일 실행 구조 앱 소스가 Vite 또는 Rspack에서 웹 산출물과 OTA 패키지로 나뉘고, 모바일에서는 V8과 프레임워크 연결기, 스피논 UI 트리, 스타일·레이아웃, 모바일 렌더러를 거쳐 화면에 표시되는 흐름을 보여줍니다. 앱 소스 React · Vue · Svelte TSX · JSX · HTML식 태그 · CSS 하나의 작성 흐름 번들러 Vite · Rspack TSX·CSS를 빌드 시 변환 웹 출력 + 모바일 패키지 웹 빌드 브라우저 DOM 브라우저의 표준 CSS 처리 모바일 렌더 경로와 분리 OTA 전달 JS 번들 · 스타일 · 에셋 버전·서명 확인 · 원자적 교체 실패 시 이전 번들로 롤백 모바일 JS 런타임 V8 + 프레임워크 연결기 React · Vue · Svelte 어댑터 iOS 실행 방식은 검증 항목 스피논 UI 트리 공통 호스트 연결 규약 생성 · 갱신 · 삭제 · 이벤트 프레임워크별 차이를 여기서 흡수 스타일·레이아웃 CSS 규칙 · Taffy · 폰트 측정 크기 · 배치 · 줄바꿈 계산 엔진 선택은 PoC에서 비교 모바일 GPU 출력 텍스트 · 이미지 · 합성 플랫폼 GPU 표면에 표시 입력·IME·접근성은 OS 연결부

AOT와 OTA

빌드 단계에서 TSX는 JS 번들로, CSS는 모바일 스타일 데이터로 변환합니다. V8 코드 캐시·스냅샷 같은 AOT 최적화는 별도 측정 항목입니다. OTA는 플랫폼 정책과 호환성 검토를 통과한 번들·리소스에 한해 설계합니다. V8, GPU 렌더러와 새 플랫폼 기능은 앱 바이너리에 포함합니다.

먼저 확인할 결정

UI 트리 규약 CSS 지원 범위 레이아웃·폰트 측정 iOS의 V8 실행 방식 OTA 호환성·롤백 iOS OTA 정책 범위