스피논 · 설계 초안

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

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

스피논 전체 구현 목록 보기 → 웹 문법 대응 명세 보기 → JavaScript API 대응 명세 보기 → 공식 API 문서 보기 → 모바일 실행 경계 자세히 보기 → 모바일 GPU 렌더러 구현 계획 보기 →
스피논의 웹·모바일 실행 구조 앱 소스가 Vite 또는 Rspack에서 웹 산출물과 청크 기반 OTA 릴리스로 나뉘고, 모바일에서는 V8과 프레임워크 연결기, 스피논 UI 트리, 스타일·레이아웃, 모바일 렌더러를 거쳐 화면에 표시되는 흐름을 보여줍니다. 앱 소스 React · Vue · Svelte TSX · JSX · HTML식 태그 · CSS 하나의 작성 흐름 번들러 Vite · Rspack TSX·CSS를 빌드 시 변환 웹 출력 + 모바일 패키지 웹 빌드 브라우저 DOM 브라우저의 표준 CSS 처리 모바일 렌더 경로와 분리 OTA 전달 변경된 기능 청크·에셋만 전송 서명된 릴리스 단위로 활성화 실패 시 이전 릴리스로 롤백 모바일 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 정책 범위