브라우저에서 바로 실행해 보기

아래 미리보기는 애플리케이션 번들에서 쓰는 것과 같은 SQLBraid SQLite WASM 어댑터를 사용합니다. SQL 문을 쓰거나 붙여 넣은 뒤, Web Worker 안의 공식 SQLite WASM :memory: 데이터베이스에서 실행해 보세요. 예제 데이터는 항상 같은 금융 데이터이며, 일부 계좌 이름은 한국어나 다른 유니코드 문자로 되어 있습니다.

이런 것을 해 볼 수 있습니다.

• 원하는 조건과 조인을 넣은 SELECT 문
• 임시 데이터베이스에 대한 INSERT, UPDATE 같은 단일 명령
• SQLite 문법·실행 오류를 확인하고 고친 쿼리 다시 실행하기
• Inspect schema로 예제 테이블 정의 보기
• 데이터를 바꾼 뒤 Reset seeded database로 원래 행 되돌리기

결과 표에는 처음 1,000행만 보여 줍니다. 탐색용 쿼리가 느려지지 않게 하기 위해서입니다. 워커가 10초 넘게 실행되면 미리보기가 워커를 새로 띄우고 데이터베이스를 초기화합니다.

여기서 작성한 SQL은 브라우저 안의 임시 메모리 데이터베이스에서만 실행됩니다. 서버로 전송되지 않으며, 페이지를 새로 고치거나 초기화하면 변경 사항은 모두 사라집니다.

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

이 미리보기는 GitHub Pages 같은 정적 호스팅에서도 바로 동작하도록 OPFS 영구 저장소, SharedArrayBuffer, COOP/COEP 헤더 없이 실행됩니다. 실제 애플리케이션에서는 필요에 따라 다른 SQLite WASM 저장 방식을 선택할 수 있습니다.