브라우저 인터랙티브 미리보기

아래 미리보기는 애플리케이션 번들에서 사용할 수 있는 SQLBraid SQLite WASM 어댑터와 같은 경로를 사용합니다. SQL을 직접 작성하거나 붙여 넣은 뒤 브라우저 워커의 공식 SQLite WASM :memory: 데이터베이스에서 실행하세요. 한국어와 다른 유니코드 계좌 이름을 포함한 결정적 금융 fixture를 사용합니다.

다음 작업을 직접 해 볼 수 있습니다.

• 원하는 조건과 JOIN을 포함한 SELECT 문 실행
• 일회용 데이터베이스에서 INSERT, UPDATE 등 한 문장 명령 실행
• SQLite 문법/실행 오류를 확인한 뒤 SQL을 고쳐 다시 실행
• Inspect schema 버튼으로 seed table 정의 확인
• 변경 후 Reset seeded database 버튼으로 원래 데이터 복원

Live SQLBraid playground

Change a Braid query and run the rendered SQL

The controls below change a real SQLBraid tagged template. Braid conditionals are rendered in a Web Worker, values stay bound, and the resulting statement executes against a disposable SQLite WASM database.

Braid · worker · :memory:

Change the query

Minimum balanceAccount name contains

Render and run BraidReset query controls

Clear a filter to make its @braid if branch disappear. Projection and sort changes use structural fragments rather than value binds.

Braid source

Loading example…

Ready. Change the controls and run the Braid query.

Rendered SQL

Run a query to see the statement sent to SQLite.

Bound parameters

[]

Variant: not rendered

Query results

Seeded database schema

finance_accounts (
  account_id INTEGER PRIMARY KEY,
  account_name TEXT NOT NULL,
  balance INTEGER NOT NULL,
  currency TEXT NOT NULL,
  locale TEXT NOT NULL
)

Raw SQL scratchpad

Want to prove the database itself is live? Edit this SQL directly. This path intentionally uses sql.raw() only inside the disposable browser database.

SQL statementSELECT account_id, account_name, balance, currency, locale FROM finance_accounts ORDER BY account_id;

Run raw SQLReset seeded databaseInspect schema

결과 표는 탐색 쿼리의 반응성을 위해 최대 1,000행까지만 표시합니다. 쿼리가 10초를 넘기면 워커를 교체하고 데이터베이스를 초기화합니다.

SQL은 일회용 브라우저 데이터베이스 안에서만 사용자 작성 raw text로 실행합니다. 서버 쿼리에 삽입하거나 injection 안전성을 주장하지 않으며 변경 사항도 저장하지 않습니다. OPFS, 영속성, SharedArrayBuffer, COOP/COEP 헤더는 필요하지 않습니다.