npm - planche - Versions diffs - 0.5.3 → 0.6.0 - Mend

planche 0.5.3 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (225) hide show

package/README.md +39 -0
package/app/_headers +19 -0
package/app/assets/AboutDialog-HsaLhYrq.js +1 -0
package/app/assets/ConnectDialog-DAYnaSzA.js +1 -0
package/app/assets/CopyDatabaseDialog-DCDkX1Zt.js +1 -0
package/app/assets/CopyTableDialog-BylicT1d.js +1 -0
package/app/assets/CreateDatabaseDialog-i7_uV-wh.js +1 -0
package/app/assets/DataDiffDialog-B4SeJXry.js +1 -0
package/app/assets/DownloadToCSVDialog-jX0lEP8B.js +3 -0
package/app/assets/EditSchemaDialog-BVOHVgBR.js +1 -0
package/app/assets/FindReplaceDialog-B0rD26fg.js +1 -0
package/app/assets/FlushDialog-CNu4QuYo.js +1 -0
package/app/assets/LinkColumnDialog-BwUBtMiy.js +1 -0
package/app/assets/LocalHistoryDialog-DUlsyn8i.js +1 -0
package/app/assets/ProcessListDialog-Chv324I7.js +1 -0
package/app/assets/QuickCommandPalette-BG5A7y3V.js +1 -0
package/app/assets/RowFormDialog-C5agNu3l.js +2 -0
package/app/assets/SafetySettingsDialog-iaN6H-EP.js +1 -0
package/app/assets/SchemaDiffDialog-D7re7sup.js +7 -0
package/app/assets/SchemaToHTMLDialog-Biq3ELkl.js +27 -0
package/app/assets/StatusDialog-D8CcfFkP.js +1 -0
package/app/assets/TermsDialog-DbHxb0ld.js +1 -0
package/app/assets/UserAddDialog-B_fz-cXy.js +1 -0
package/app/assets/UserManagerDialog-ku7exEzu.js +1 -0
package/app/assets/VariablesDialog-BP2RcCBK.js +1 -0
package/app/assets/abap-08VXUWAP.js +1 -0
package/app/assets/apex-BWPQTe0t.js +1 -0
package/app/assets/app-storage-B6v72zLH.js +1 -0
package/app/assets/azcli-Bc_sGQ0U.js +1 -0
package/app/assets/bat-i0X4ZdIN.js +1 -0
package/app/assets/bicep-B5-_aFwp.js +2 -0
package/app/assets/button-DkRlMkru.js +1 -0
package/app/assets/cameligo-DMUM7wLl.js +1 -0
package/app/assets/chevron-up-Dy_mz-03.js +1 -0
package/app/assets/clojure-Cm7r79vr.js +1 -0
package/app/assets/codicon-ngg6Pgfi.ttf +0 -0
package/app/assets/coffee-Ba7i2nA0.js +1 -0
package/app/assets/connection-store-CJ_al8qv.js +1 -0
package/app/assets/cpp-C7h46wYY.js +1 -0
package/app/assets/csharp-BKxtCVv1.js +1 -0
package/app/assets/csp-bTuwJoIa.js +1 -0
package/app/assets/css-DIMkf-bt.js +3 -0
package/app/assets/css.worker-Dsm2X3j_.js +89 -0
package/app/assets/cssMode-BK7_e-YI.js +1 -0
package/app/assets/cypher-CVaqCwHa.js +1 -0
package/app/assets/dart-onAF5SnQ.js +1 -0
package/app/assets/database-BIhkgl2O.js +1 -0
package/app/assets/dbms-Cq4imB7l.js +353 -0
package/app/assets/de-B_f2X0cM.js +2 -0
package/app/assets/dialog-BtwqThq6.js +1 -0
package/app/assets/dist-BV6Hwye5.js +41 -0
package/app/assets/dist-C2pydad-.js +1 -0
package/app/assets/dist-C3MLFgG1.js +1 -0
package/app/assets/dist-Roudme38.js +3 -0
package/app/assets/dockerfile-DZFCIeNp.js +1 -0
package/app/assets/ecl-D05T4iGw.js +1 -0
package/app/assets/editor-Br_kD0ds.css +1 -0
package/app/assets/editor.api2-JBjomUWM.js +872 -0
package/app/assets/editor.worker-BboMRUer.js +26 -0
package/app/assets/elixir-6RTg0lbw.js +1 -0
package/app/assets/engine-DBTzC3si.js +1 -0
package/app/assets/file-name-CnYBZPf9.js +1 -0
package/app/assets/flow9-C5_-GSwl.js +1 -0
package/app/assets/fr-DigYoMZT.js +2 -0
package/app/assets/freemarker2-Ca8y5qEc.js +3 -0
package/app/assets/fsharp-C8Ef5oNN.js +1 -0
package/app/assets/go-C-y9NEjX.js +1 -0
package/app/assets/graphql-fmXr3nnJ.js +1 -0
package/app/assets/handlebars-CMoDOM1Y.js +1 -0
package/app/assets/hcl-CpzslTdj.js +1 -0
package/app/assets/html-BOS8Hfbf.js +1 -0
package/app/assets/html.worker-fD12ABR7.js +502 -0
package/app/assets/htmlMode-CRjI81Qd.js +1 -0
package/app/assets/i18n-C7R6hKCp.js +2 -0
package/app/assets/ini-sBoK_t0W.js +1 -0
package/app/assets/ja-CPMeuUuT.js +2 -0
package/app/assets/java-BEtHBSE6.js +1 -0
package/app/assets/javascript-2ntxzhMa.js +1 -0
package/app/assets/json.worker-B2CIyALT.js +58 -0
package/app/assets/jsonMode-C8yGgOEo.js +7 -0
package/app/assets/julia-Bri6UV-V.js +1 -0
package/app/assets/ko-IAtUoTg5.js +2 -0
package/app/assets/kotlin-BOotOW0E.js +1 -0
package/app/assets/less-B9JPFI3C.js +2 -0
package/app/assets/lexon-CfSJPG6W.js +1 -0
package/app/assets/liquid-DThFAxbS.js +1 -0
package/app/assets/lspLanguageFeatures-DQW0rv3P.js +4 -0
package/app/assets/lua-CsQS60Ue.js +1 -0
package/app/assets/m3-D-oSqn_W.js +1 -0
package/app/assets/main-DI8DxG3x.css +2 -0
package/app/assets/main-NJl8KiiX.js +73 -0
package/app/assets/markdown-Cimd5fb3.js +1 -0
package/app/assets/mdx-CI71gDmg.js +1 -0
package/app/assets/mips-CIPQ_RoX.js +1 -0
package/app/assets/msdax-DauUninz.js +1 -0
package/app/assets/mysql-SOo6toE5.js +1 -0
package/app/assets/objective-c-FvmIjYaQ.js +1 -0
package/app/assets/pascal-DrH0SRf2.js +1 -0
package/app/assets/pascaligo-D-ptJ9y-.js +1 -0
package/app/assets/perl-oz_6vUea.js +1 -0
package/app/assets/pgsql-DTj74zXo.js +1 -0
package/app/assets/php-nr791fC2.js +1 -0
package/app/assets/pla-CopQ2nXW.js +1 -0
package/app/assets/postiats-43DmfD33.js +1 -0
package/app/assets/powerquery-D3hlyOfw.js +1 -0
package/app/assets/powershell-DmHpPYUd.js +1 -0
package/app/assets/preload-helper-Czpn1I53.js +1 -0
package/app/assets/protobuf-C531GsRP.js +2 -0
package/app/assets/pug-Z5eAx3Zn.js +1 -0
package/app/assets/python-Ck7s8L2p.js +1 -0
package/app/assets/qsharp-DkqhCAOL.js +1 -0
package/app/assets/query-execution-CR2mkIdH.js +7 -0
package/app/assets/query-store-DlzOIWw1.js +1 -0
package/app/assets/r-BwWrilGY.js +1 -0
package/app/assets/razor-DiN-9kkz.js +1 -0
package/app/assets/redis-ClamHrr6.js +1 -0
package/app/assets/redshift-DT7zqm-g.js +1 -0
package/app/assets/restructuredtext-BYgofb2h.js +1 -0
package/app/assets/rolldown-runtime-hePW80VL.js +1 -0
package/app/assets/ruby-DezsRK8O.js +1 -0
package/app/assets/rust-DdL9SqIa.js +1 -0
package/app/assets/sb-CcwsVR0C.js +1 -0
package/app/assets/scala-DHpiXF5c.js +1 -0
package/app/assets/schema-nodes-n_QZJb21.js +1 -0
package/app/assets/scheme-BeGwcela.js +1 -0
package/app/assets/scss-gp-XZpBa.js +3 -0
package/app/assets/select-CqYxAwnu.js +1 -0
package/app/assets/settings-store-DxKFgC4Z.js +1 -0
package/app/assets/shell-CC2rA5mh.js +1 -0
package/app/assets/solidity-BEEn4gHE.js +1 -0
package/app/assets/sophia-CRfGWb83.js +1 -0
package/app/assets/sparql-D_Lu-MrJ.js +1 -0
package/app/assets/sql-NEE52Syq.js +1 -0
package/app/assets/sqlite3-BVKGSWc-.wasm +0 -0
package/app/assets/sqlite3-opfs-async-proxy-D_xnb1D8.js +876 -0
package/app/assets/sqlite3-worker1-CVKz6JuG.js +43 -0
package/app/assets/st-DbInun42.js +1 -0
package/app/assets/storage-worker-DEIYmjYK.js +43 -0
package/app/assets/swift-Bxkupp3x.js +1 -0
package/app/assets/systemverilog-Bz4Y3fRF.js +1 -0
package/app/assets/table-copy-2y2RNth1.js +1 -0
package/app/assets/table-definition-Bs5VSn0X.js +1 -0
package/app/assets/tcl-DISqw1ZD.js +1 -0
package/app/assets/ts.worker-BwG70EDZ.js +67734 -0
package/app/assets/tsMode-Dzctobqp.js +11 -0
package/app/assets/twig-De2hgUGE.js +1 -0
package/app/assets/typescript-Ww5oHWDp.js +1 -0
package/app/assets/typespec-B8J7ngcE.js +1 -0
package/app/assets/ui-store-BPY9VfQP.js +1 -0
package/app/assets/use-engine-F2Y_trPz.js +1 -0
package/app/assets/user-store-D5dzuD-E.js +1 -0
package/app/assets/vb-DV3o63ZY.js +1 -0
package/app/assets/wgsl-DpFanUEy.js +298 -0
package/app/assets/xml-CT99FsSc.js +1 -0
package/app/assets/yaml-DA78fpmA.js +1 -0
package/app/assets/zh-DCKqmOQA.js +2 -0
package/app/cloudflare-d1-client/index.html +111 -0
package/app/de/cloudflare-d1-client/index.html +111 -0
package/app/de/index.html +123 -0
package/app/de/mariadb-client/index.html +111 -0
package/app/de/mysql-client/index.html +112 -0
package/app/de/neon-client/index.html +111 -0
package/app/de/oracle-client/index.html +111 -0
package/app/de/postgresql-client/index.html +111 -0
package/app/de/sql-server-client/index.html +111 -0
package/app/de/sqlite-viewer/index.html +112 -0
package/app/de/supabase-client/index.html +111 -0
package/app/favicon.svg +1 -0
package/app/fr/cloudflare-d1-client/index.html +111 -0
package/app/fr/index.html +123 -0
package/app/fr/mariadb-client/index.html +111 -0
package/app/fr/mysql-client/index.html +112 -0
package/app/fr/neon-client/index.html +111 -0
package/app/fr/oracle-client/index.html +111 -0
package/app/fr/postgresql-client/index.html +111 -0
package/app/fr/sql-server-client/index.html +111 -0
package/app/fr/sqlite-viewer/index.html +112 -0
package/app/fr/supabase-client/index.html +111 -0
package/app/icons.svg +24 -0
package/app/index.html +123 -0
package/app/ja/cloudflare-d1-client/index.html +111 -0
package/app/ja/index.html +123 -0
package/app/ja/mariadb-client/index.html +111 -0
package/app/ja/mysql-client/index.html +112 -0
package/app/ja/neon-client/index.html +111 -0
package/app/ja/oracle-client/index.html +111 -0
package/app/ja/postgresql-client/index.html +111 -0
package/app/ja/sql-server-client/index.html +111 -0
package/app/ja/sqlite-viewer/index.html +112 -0
package/app/ja/supabase-client/index.html +111 -0
package/app/ko/cloudflare-d1-client/index.html +111 -0
package/app/ko/index.html +123 -0
package/app/ko/mariadb-client/index.html +111 -0
package/app/ko/mysql-client/index.html +112 -0
package/app/ko/neon-client/index.html +111 -0
package/app/ko/oracle-client/index.html +111 -0
package/app/ko/postgresql-client/index.html +111 -0
package/app/ko/sql-server-client/index.html +111 -0
package/app/ko/sqlite-viewer/index.html +112 -0
package/app/ko/supabase-client/index.html +111 -0
package/app/landing.css +25 -0
package/app/mariadb-client/index.html +111 -0
package/app/mysql-client/index.html +112 -0
package/app/neon-client/index.html +111 -0
package/app/og-image.png +0 -0
package/app/oracle-client/index.html +111 -0
package/app/postgresql-client/index.html +111 -0
package/app/robots.txt +3 -0
package/app/sample-shop.db +0 -0
package/app/sitemap.xml +603 -0
package/app/sql-server-client/index.html +111 -0
package/app/sqlite-viewer/index.html +112 -0
package/app/supabase-client/index.html +111 -0
package/app/zh/cloudflare-d1-client/index.html +111 -0
package/app/zh/index.html +123 -0
package/app/zh/mariadb-client/index.html +111 -0
package/app/zh/mysql-client/index.html +112 -0
package/app/zh/neon-client/index.html +111 -0
package/app/zh/oracle-client/index.html +111 -0
package/app/zh/postgresql-client/index.html +111 -0
package/app/zh/sql-server-client/index.html +111 -0
package/app/zh/sqlite-viewer/index.html +112 -0
package/app/zh/supabase-client/index.html +111 -0
package/dist/index.js +1437 -1184
package/package.json +5 -3

package/app/ko/cloudflare-d1-client/index.html ADDED Viewed

@@ -0,0 +1,111 @@
+<!doctype html>
+<!-- Generated by scripts/build-landing.mjs from landing/content.mjs — edit the content module, not this file. -->
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>브라우저에서 쓰는 무료 Cloudflare D1 클라이언트 — D1 데이터베이스 GUI</title>
+    <meta name="description" content="브라우저에서 실행되는 Cloudflare D1용 무료 GUI 클라이언트. API 토큰으로 Cloudflare API를 통해 D1 데이터베이스의 테이블을 살펴보고, SQL을 실행하고, 행을 편집하고, ERD를 봅니다. 로컬 에이전트(npx planche)로 연결합니다." />
+    <link rel="canonical" href="https://planche.dev/ko/cloudflare-d1-client/" />
+    <link rel="alternate" hreflang="en" href="https://planche.dev/cloudflare-d1-client/" />
+    <link rel="alternate" hreflang="ko" href="https://planche.dev/ko/cloudflare-d1-client/" />
+    <link rel="alternate" hreflang="ja" href="https://planche.dev/ja/cloudflare-d1-client/" />
+    <link rel="alternate" hreflang="zh" href="https://planche.dev/zh/cloudflare-d1-client/" />
+    <link rel="alternate" hreflang="de" href="https://planche.dev/de/cloudflare-d1-client/" />
+    <link rel="alternate" hreflang="fr" href="https://planche.dev/fr/cloudflare-d1-client/" />
+    <link rel="alternate" hreflang="x-default" href="https://planche.dev/cloudflare-d1-client/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="Planche" />
+    <meta property="og:title" content="브라우저에서 쓰는 무료 Cloudflare D1 클라이언트" />
+    <meta property="og:description" content="브라우저에서 실행되는 Cloudflare D1용 무료 GUI 클라이언트. API 토큰으로 Cloudflare API를 통해 D1 데이터베이스의 테이블을 살펴보고, SQL을 실행하고, 행을 편집하고, ERD를 봅니다. 로컬 에이전트(npx planche)로 연결합니다." />
+    <meta property="og:url" content="https://planche.dev/ko/cloudflare-d1-client/" />
+    <meta property="og:image" content="https://planche.dev/og-image.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image:alt" content="브라우저에서 쓰는 무료 Cloudflare D1 클라이언트" />
+    <meta property="og:locale" content="ko_KR" />
+    <meta property="og:locale:alternate" content="en_US" />
+    <meta property="og:locale:alternate" content="ja_JP" />
+    <meta property="og:locale:alternate" content="zh_CN" />
+    <meta property="og:locale:alternate" content="de_DE" />
+    <meta property="og:locale:alternate" content="fr_FR" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="브라우저에서 쓰는 무료 Cloudflare D1 클라이언트" />
+    <meta name="twitter:description" content="브라우저에서 실행되는 Cloudflare D1용 무료 GUI 클라이언트. API 토큰으로 Cloudflare API를 통해 D1 데이터베이스의 테이블을 살펴보고, SQL을 실행하고, 행을 편집하고, ERD를 봅니다. 로컬 에이전트(npx planche)로 연결합니다." />
+    <meta name="twitter:image" content="https://planche.dev/og-image.png" />
+    <link rel="stylesheet" href="/landing.css" />
+    <script type="module" crossorigin src="/assets/rolldown-runtime-hePW80VL.js"></script>
+    <script type="module" crossorigin src="/assets/ui-store-BPY9VfQP.js"></script>
+    <script type="module" crossorigin src="/assets/button-DkRlMkru.js"></script>
+    <script type="module" crossorigin src="/assets/preload-helper-Czpn1I53.js"></script>
+    <script type="module" crossorigin src="/assets/i18n-C7R6hKCp.js"></script>
+    <script type="module" crossorigin src="/assets/editor.api2-JBjomUWM.js"></script>
+    <script type="module" crossorigin src="/assets/dist-BV6Hwye5.js"></script>
+    <script type="module" crossorigin src="/assets/dist-C2pydad-.js"></script>
+    <script type="module" crossorigin src="/assets/dist-C3MLFgG1.js"></script>
+    <script type="module" crossorigin src="/assets/app-storage-B6v72zLH.js"></script>
+    <script type="module" crossorigin src="/assets/connection-store-CJ_al8qv.js"></script>
+    <script type="module" crossorigin src="/assets/settings-store-DxKFgC4Z.js"></script>
+    <script type="module" crossorigin src="/assets/query-store-DlzOIWw1.js"></script>
+    <script type="module" crossorigin src="/assets/database-BIhkgl2O.js"></script>
+    <script type="module" crossorigin src="/assets/dbms-Cq4imB7l.js"></script>
+    <script type="module" crossorigin src="/assets/engine-DBTzC3si.js"></script>
+    <script type="module" crossorigin src="/assets/schema-nodes-n_QZJb21.js"></script>
+    <script type="module" crossorigin src="/assets/query-execution-CR2mkIdH.js"></script>
+    <script type="module" crossorigin src="/assets/use-engine-F2Y_trPz.js"></script>
+    <script type="module" crossorigin src="/assets/table-definition-Bs5VSn0X.js"></script>
+    <script type="module" crossorigin src="/assets/table-copy-2y2RNth1.js"></script>
+    <script type="module" crossorigin src="/assets/main-NJl8KiiX.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/editor-Br_kD0ds.css">
+    <link rel="stylesheet" crossorigin href="/assets/main-DI8DxG3x.css">
+  </head>
+  <body>
+    <section id="landing">
+      <div>
+        <nav aria-label="데이터베이스 클라이언트">
+          <a href="/ko/">Planche</a>
+          <a href="/ko/sqlite-viewer/">SQLite 뷰어</a>
+          <a href="/ko/mysql-client/">MySQL 클라이언트</a>
+          <a href="/ko/mariadb-client/">MariaDB 클라이언트</a>
+          <a href="/ko/postgresql-client/">PostgreSQL 클라이언트</a>
+          <a href="/ko/sql-server-client/">SQL Server 클라이언트</a>
+          <a href="/ko/oracle-client/">Oracle 클라이언트</a>
+          <a href="/ko/neon-client/">Neon 클라이언트</a>
+          <a href="/ko/supabase-client/">Supabase 클라이언트</a>
+          <a href="/ko/cloudflare-d1-client/" aria-current="page">Cloudflare D1 클라이언트</a>
+        </nav>
+        <nav class="languages" aria-label="언어">
+          <a href="/cloudflare-d1-client/" hreflang="en" lang="en">English</a>
+          <a href="/ko/cloudflare-d1-client/" hreflang="ko" lang="ko" aria-current="true">한국어</a>
+          <a href="/ja/cloudflare-d1-client/" hreflang="ja" lang="ja">日本語</a>
+          <a href="/zh/cloudflare-d1-client/" hreflang="zh" lang="zh">中文</a>
+          <a href="/de/cloudflare-d1-client/" hreflang="de" lang="de">Deutsch</a>
+          <a href="/fr/cloudflare-d1-client/" hreflang="fr" lang="fr">Français</a>
+        </nav>
+        <h1>브라우저에서 실행되는 Cloudflare D1 클라이언트</h1>
+        <p>Planche는 <strong>Cloudflare D1</strong>을 위한 무료 GUI — <code>wrangler d1 execute</code> 한 줄짜리 대신 Workers 뒤의 SQLite 데이터베이스를 위한 진짜 SQL 클라이언트입니다. 계정 ID, 데이터베이스 ID, API 토큰을 입력하면 SQL 에디터, 스키마 브라우저, 편집 가능한 그리드, ERD를 얻습니다.</p>
+        <a class="cta" href="/ko/cloudflare-d1-client/">Cloudflare D1 클라이언트 열기</a>
+        <h2>기능</h2>
+        <ul>
+          <li>범위가 제한된 API 토큰(<em>D1 Edit</em>, 읽기 전용은 <em>D1 Read</em>)으로 D1 REST API와 통신 — wrangler도, 배포할 Worker도 없음</li>
+          <li>SQLite 인식 SQL 에디터; <code>sqlite_master</code>와 <code>PRAGMA</code>로 테이블, 뷰, 트리거, 컬럼, 인덱스 탐색</li>
+          <li>편집 가능한 결과 그리드: 단일 테이블 SELECT는 해당 테이블에 매칭되어 행을 제자리에서 수정</li>
+          <li>CREATE TABLE DDL, 외래키 기반 ERD 뷰어, 읽기 전용·운영 환경 가드레일</li>
+          <li>쿼리 히스토리와 로컬 스냅샷</li>
+          <li>모든 요청이 자동 커밋되므로(D1 제약) D1 프로필에서는 수동 트랜잭션이 비활성화됨</li>
+        </ul>
+        <h2>연결 방식</h2>
+        <p>터미널에서 <code>npx planche</code>를 실행하세요(Node 22 이상). 내 컴퓨터에 작은 로컬 에이전트가 떠서 토큰으로 <code>api.cloudflare.com</code>을 호출하고, 이 페이지를 페어링된 상태로 엽니다. 브라우저는 <code>127.0.0.1</code>하고만 통신하므로 API 토큰은 Cloudflare 외 어떤 서버로도 나가지 않습니다.</p>
+        <p>D1은 SQLite이므로 작성하는 SQL에는 <a href="/ko/sqlite-viewer/">SQLite 뷰어</a>의 모든 것이 그대로 적용됩니다. D1 데이터베이스의 로컬 사본(<code>.wrangler/state</code>)은 SQLite 뷰어로 파일을 직접 여세요.</p>
+        <p>다른 클라이언트: <a href="/ko/sqlite-viewer/">SQLite 뷰어</a>, <a href="/ko/mysql-client/">MySQL 클라이언트</a>, <a href="/ko/mariadb-client/">MariaDB 클라이언트</a>, <a href="/ko/postgresql-client/">PostgreSQL 클라이언트</a>, <a href="/ko/sql-server-client/">SQL Server 클라이언트</a>, <a href="/ko/oracle-client/">Oracle 클라이언트</a>, <a href="/ko/neon-client/">Neon 클라이언트</a> 및 <a href="/ko/supabase-client/">Supabase 클라이언트</a>.</p>
+        <h2>무료로 사용</h2>
+        <p>Planche는 무료이며 계정도 유료 기능도 없습니다. 쿼리나 데이터를 수집하지 않으며, 연결 프로필은 브라우저 안에만 저장됩니다.</p>
+        <footer>© Planche. 개인·상업 용도 모두 영원히 무료입니다.</footer>
+      </div>
+    </section>
+    <div id="root"></div>
+  </body>
+</html>

package/app/ko/index.html ADDED Viewed

@@ -0,0 +1,123 @@
+<!doctype html>
+<!-- Generated by scripts/build-landing.mjs from landing/content.mjs — edit the content module, not this file. -->
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Planche — MySQL, PostgreSQL, SQLite, SQL Server, Oracle용 무료 온라인 SQL 클라이언트</title>
+    <meta name="description" content="Planche는 브라우저에서 실행되는 무료 SQL 클라이언트입니다. 로컬 에이전트를 통해 MySQL, MariaDB, PostgreSQL, SQL Server, Oracle, Neon, Supabase, Cloudflare D1에 쿼리하고, SQLite 파일은 컴퓨터 밖으로 내보내지 않고 바로 엽니다. SQL 에디터, 데이터 그리드, 스키마 브라우저, ERD." />
+    <link rel="canonical" href="https://planche.dev/ko/" />
+    <link rel="alternate" hreflang="en" href="https://planche.dev/" />
+    <link rel="alternate" hreflang="ko" href="https://planche.dev/ko/" />
+    <link rel="alternate" hreflang="ja" href="https://planche.dev/ja/" />
+    <link rel="alternate" hreflang="zh" href="https://planche.dev/zh/" />
+    <link rel="alternate" hreflang="de" href="https://planche.dev/de/" />
+    <link rel="alternate" hreflang="fr" href="https://planche.dev/fr/" />
+    <link rel="alternate" hreflang="x-default" href="https://planche.dev/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="Planche" />
+    <meta property="og:title" content="Planche — 무료 온라인 SQL 클라이언트" />
+    <meta property="og:description" content="MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, Neon, Supabase, Cloudflare D1을 위한 브라우저 SQL 클라이언트. 가입도 업로드도 없습니다." />
+    <meta property="og:url" content="https://planche.dev/ko/" />
+    <meta property="og:image" content="https://planche.dev/og-image.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image:alt" content="Planche — 무료 온라인 SQL 클라이언트" />
+    <meta property="og:locale" content="ko_KR" />
+    <meta property="og:locale:alternate" content="en_US" />
+    <meta property="og:locale:alternate" content="ja_JP" />
+    <meta property="og:locale:alternate" content="zh_CN" />
+    <meta property="og:locale:alternate" content="de_DE" />
+    <meta property="og:locale:alternate" content="fr_FR" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Planche — 무료 온라인 SQL 클라이언트" />
+    <meta name="twitter:description" content="MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, Neon, Supabase, Cloudflare D1을 위한 브라우저 SQL 클라이언트. 가입도 업로드도 없습니다." />
+    <meta name="twitter:image" content="https://planche.dev/og-image.png" />
+    <link rel="stylesheet" href="/landing.css" />
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "SoftwareApplication",
+      "name": "Planche",
+      "applicationCategory": "DeveloperApplication",
+      "operatingSystem": "Any (web browser)",
+      "url": "https://planche.dev/ko/",
+      "inLanguage": "ko",
+      "image": "https://planche.dev/og-image.png",
+      "description": "MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, Neon, Supabase, Cloudflare D1을 위한 브라우저 SQL 클라이언트. 가입도 업로드도 없습니다.",
+      "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" }
+    }
+    </script>
+    <script type="module" crossorigin src="/assets/rolldown-runtime-hePW80VL.js"></script>
+    <script type="module" crossorigin src="/assets/ui-store-BPY9VfQP.js"></script>
+    <script type="module" crossorigin src="/assets/button-DkRlMkru.js"></script>
+    <script type="module" crossorigin src="/assets/preload-helper-Czpn1I53.js"></script>
+    <script type="module" crossorigin src="/assets/i18n-C7R6hKCp.js"></script>
+    <script type="module" crossorigin src="/assets/editor.api2-JBjomUWM.js"></script>
+    <script type="module" crossorigin src="/assets/dist-BV6Hwye5.js"></script>
+    <script type="module" crossorigin src="/assets/dist-C2pydad-.js"></script>
+    <script type="module" crossorigin src="/assets/dist-C3MLFgG1.js"></script>
+    <script type="module" crossorigin src="/assets/app-storage-B6v72zLH.js"></script>
+    <script type="module" crossorigin src="/assets/connection-store-CJ_al8qv.js"></script>
+    <script type="module" crossorigin src="/assets/settings-store-DxKFgC4Z.js"></script>
+    <script type="module" crossorigin src="/assets/query-store-DlzOIWw1.js"></script>
+    <script type="module" crossorigin src="/assets/database-BIhkgl2O.js"></script>
+    <script type="module" crossorigin src="/assets/dbms-Cq4imB7l.js"></script>
+    <script type="module" crossorigin src="/assets/engine-DBTzC3si.js"></script>
+    <script type="module" crossorigin src="/assets/schema-nodes-n_QZJb21.js"></script>
+    <script type="module" crossorigin src="/assets/query-execution-CR2mkIdH.js"></script>
+    <script type="module" crossorigin src="/assets/use-engine-F2Y_trPz.js"></script>
+    <script type="module" crossorigin src="/assets/table-definition-Bs5VSn0X.js"></script>
+    <script type="module" crossorigin src="/assets/table-copy-2y2RNth1.js"></script>
+    <script type="module" crossorigin src="/assets/main-NJl8KiiX.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/editor-Br_kD0ds.css">
+    <link rel="stylesheet" crossorigin href="/assets/main-DI8DxG3x.css">
+  </head>
+  <body>
+    <section id="landing">
+      <div>
+        <nav aria-label="데이터베이스 클라이언트">
+          <a href="/ko/sqlite-viewer/">SQLite 뷰어</a>
+          <a href="/ko/mysql-client/">MySQL 클라이언트</a>
+          <a href="/ko/mariadb-client/">MariaDB 클라이언트</a>
+          <a href="/ko/postgresql-client/">PostgreSQL 클라이언트</a>
+          <a href="/ko/sql-server-client/">SQL Server 클라이언트</a>
+          <a href="/ko/oracle-client/">Oracle 클라이언트</a>
+          <a href="/ko/neon-client/">Neon 클라이언트</a>
+          <a href="/ko/supabase-client/">Supabase 클라이언트</a>
+          <a href="/ko/cloudflare-d1-client/">Cloudflare D1 클라이언트</a>
+        </nav>
+        <nav class="languages" aria-label="언어">
+          <a href="/" hreflang="en" lang="en">English</a>
+          <a href="/ko/" hreflang="ko" lang="ko" aria-current="true">한국어</a>
+          <a href="/ja/" hreflang="ja" lang="ja">日本語</a>
+          <a href="/zh/" hreflang="zh" lang="zh">中文</a>
+          <a href="/de/" hreflang="de" lang="de">Deutsch</a>
+          <a href="/fr/" hreflang="fr" lang="fr">Français</a>
+        </nav>
+        <h1>Planche — 브라우저에서 실행되는 무료 SQL 클라이언트</h1>
+        <p>Planche는 <strong>MySQL</strong>, <strong>MariaDB</strong>, <strong>PostgreSQL</strong>, <strong>SQLite</strong>, <strong>SQL Server</strong>, <strong>Oracle</strong>과 <strong>Neon</strong>, <strong>Supabase</strong>, <strong>Cloudflare D1</strong> 같은 호스팅 데이터베이스를 위한 무료 DB GUI입니다. SQLite 파일은 설치 없이 바로 열리고, 네트워크 데이터베이스는 한 줄짜리 로컬 에이전트로 연결합니다. 계정도, 데이터 업로드도, 쿼리 추적도 없습니다.</p>
+        <a class="cta" href="/ko/">Planche 열기</a>
+        <h2>제공 기능</h2>
+        <ul>
+          <li>구문 강조, 자동완성, 키워드 도움말이 있는 SQL 에디터 (VS Code에 들어가는 Monaco)</li>
+          <li>빠른 가상 스크롤 결과 그리드 — 셀을 편집하고 생성된 UPDATE 문을 확인 후 커밋</li>
+          <li>스키마 브라우저: 데이터베이스, 테이블, 뷰, 컬럼, 인덱스, 프로시저, 사용자</li>
+          <li>외래키로 생성하는 ERD 뷰어</li>
+          <li>쿼리 히스토리, 로컬 스냅샷, 읽기 전용·운영 환경 가드레일</li>
+          <li>SSH 터널, 다중 연결, 9가지 색상 테마</li>
+        </ul>
+        <h2>연결 방식</h2>
+        <p><strong>SQLite:</strong> <code>.db</code> / <code>.sqlite</code> 파일을 선택하면 페이지 안에서 WebAssembly로 로드됩니다 — 파일은 컴퓨터 밖으로 나가지 않습니다. <a href="/ko/sqlite-viewer/">온라인 SQLite 뷰어</a>를 보세요.</p>
+        <p><strong>MySQL, MariaDB, PostgreSQL, SQL Server, Oracle, Neon, Supabase, Cloudflare D1:</strong> 터미널에서 <code>npx planche</code>를 실행하세요. 데이터베이스와 통신하는 작은 로컬 에이전트가 뜨고, 이 페이지를 페어링된 상태로 엽니다. 인증 정보는 내 컴퓨터에만 남습니다.</p>
+        <h2>무료로 사용</h2>
+        <p>Planche는 계정 없이, 데이터 업로드 없이 무료로 사용할 수 있습니다. 로컬 에이전트는 npm에 <a href="https://www.npmjs.com/package/planche">planche</a>로 배포됩니다.</p>
+        <footer>© Planche. 개인·상업 용도 모두 영원히 무료입니다.</footer>
+      </div>
+    </section>
+    <div id="root"></div>
+  </body>
+</html>

package/app/ko/mariadb-client/index.html ADDED Viewed

@@ -0,0 +1,111 @@
+<!doctype html>
+<!-- Generated by scripts/build-landing.mjs from landing/content.mjs — edit the content module, not this file. -->
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>브라우저에서 쓰는 무료 MariaDB 클라이언트 — MariaDB 웹 GUI</title>
+    <meta name="description" content="브라우저에서 실행되는 무료 MariaDB GUI 클라이언트. SQL 에디터, 편집 가능한 데이터 그리드, 스키마 브라우저, 사용자, ERD, SSH 터널. 로컬 에이전트(npx planche)로 연결하며 인증 정보는 내 컴퓨터에 남습니다." />
+    <link rel="canonical" href="https://planche.dev/ko/mariadb-client/" />
+    <link rel="alternate" hreflang="en" href="https://planche.dev/mariadb-client/" />
+    <link rel="alternate" hreflang="ko" href="https://planche.dev/ko/mariadb-client/" />
+    <link rel="alternate" hreflang="ja" href="https://planche.dev/ja/mariadb-client/" />
+    <link rel="alternate" hreflang="zh" href="https://planche.dev/zh/mariadb-client/" />
+    <link rel="alternate" hreflang="de" href="https://planche.dev/de/mariadb-client/" />
+    <link rel="alternate" hreflang="fr" href="https://planche.dev/fr/mariadb-client/" />
+    <link rel="alternate" hreflang="x-default" href="https://planche.dev/mariadb-client/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="Planche" />
+    <meta property="og:title" content="브라우저에서 쓰는 무료 MariaDB 클라이언트" />
+    <meta property="og:description" content="브라우저에서 실행되는 무료 MariaDB GUI 클라이언트. SQL 에디터, 편집 가능한 데이터 그리드, 스키마 브라우저, 사용자, ERD, SSH 터널. 로컬 에이전트(npx planche)로 연결하며 인증 정보는 내 컴퓨터에 남습니다." />
+    <meta property="og:url" content="https://planche.dev/ko/mariadb-client/" />
+    <meta property="og:image" content="https://planche.dev/og-image.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image:alt" content="브라우저에서 쓰는 무료 MariaDB 클라이언트" />
+    <meta property="og:locale" content="ko_KR" />
+    <meta property="og:locale:alternate" content="en_US" />
+    <meta property="og:locale:alternate" content="ja_JP" />
+    <meta property="og:locale:alternate" content="zh_CN" />
+    <meta property="og:locale:alternate" content="de_DE" />
+    <meta property="og:locale:alternate" content="fr_FR" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="브라우저에서 쓰는 무료 MariaDB 클라이언트" />
+    <meta name="twitter:description" content="브라우저에서 실행되는 무료 MariaDB GUI 클라이언트. SQL 에디터, 편집 가능한 데이터 그리드, 스키마 브라우저, 사용자, ERD, SSH 터널. 로컬 에이전트(npx planche)로 연결하며 인증 정보는 내 컴퓨터에 남습니다." />
+    <meta name="twitter:image" content="https://planche.dev/og-image.png" />
+    <link rel="stylesheet" href="/landing.css" />
+    <script type="module" crossorigin src="/assets/rolldown-runtime-hePW80VL.js"></script>
+    <script type="module" crossorigin src="/assets/ui-store-BPY9VfQP.js"></script>
+    <script type="module" crossorigin src="/assets/button-DkRlMkru.js"></script>
+    <script type="module" crossorigin src="/assets/preload-helper-Czpn1I53.js"></script>
+    <script type="module" crossorigin src="/assets/i18n-C7R6hKCp.js"></script>
+    <script type="module" crossorigin src="/assets/editor.api2-JBjomUWM.js"></script>
+    <script type="module" crossorigin src="/assets/dist-BV6Hwye5.js"></script>
+    <script type="module" crossorigin src="/assets/dist-C2pydad-.js"></script>
+    <script type="module" crossorigin src="/assets/dist-C3MLFgG1.js"></script>
+    <script type="module" crossorigin src="/assets/app-storage-B6v72zLH.js"></script>
+    <script type="module" crossorigin src="/assets/connection-store-CJ_al8qv.js"></script>
+    <script type="module" crossorigin src="/assets/settings-store-DxKFgC4Z.js"></script>
+    <script type="module" crossorigin src="/assets/query-store-DlzOIWw1.js"></script>
+    <script type="module" crossorigin src="/assets/database-BIhkgl2O.js"></script>
+    <script type="module" crossorigin src="/assets/dbms-Cq4imB7l.js"></script>
+    <script type="module" crossorigin src="/assets/engine-DBTzC3si.js"></script>
+    <script type="module" crossorigin src="/assets/schema-nodes-n_QZJb21.js"></script>
+    <script type="module" crossorigin src="/assets/query-execution-CR2mkIdH.js"></script>
+    <script type="module" crossorigin src="/assets/use-engine-F2Y_trPz.js"></script>
+    <script type="module" crossorigin src="/assets/table-definition-Bs5VSn0X.js"></script>
+    <script type="module" crossorigin src="/assets/table-copy-2y2RNth1.js"></script>
+    <script type="module" crossorigin src="/assets/main-NJl8KiiX.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/editor-Br_kD0ds.css">
+    <link rel="stylesheet" crossorigin href="/assets/main-DI8DxG3x.css">
+  </head>
+  <body>
+    <section id="landing">
+      <div>
+        <nav aria-label="데이터베이스 클라이언트">
+          <a href="/ko/">Planche</a>
+          <a href="/ko/sqlite-viewer/">SQLite 뷰어</a>
+          <a href="/ko/mysql-client/">MySQL 클라이언트</a>
+          <a href="/ko/mariadb-client/" aria-current="page">MariaDB 클라이언트</a>
+          <a href="/ko/postgresql-client/">PostgreSQL 클라이언트</a>
+          <a href="/ko/sql-server-client/">SQL Server 클라이언트</a>
+          <a href="/ko/oracle-client/">Oracle 클라이언트</a>
+          <a href="/ko/neon-client/">Neon 클라이언트</a>
+          <a href="/ko/supabase-client/">Supabase 클라이언트</a>
+          <a href="/ko/cloudflare-d1-client/">Cloudflare D1 클라이언트</a>
+        </nav>
+        <nav class="languages" aria-label="언어">
+          <a href="/mariadb-client/" hreflang="en" lang="en">English</a>
+          <a href="/ko/mariadb-client/" hreflang="ko" lang="ko" aria-current="true">한국어</a>
+          <a href="/ja/mariadb-client/" hreflang="ja" lang="ja">日本語</a>
+          <a href="/zh/mariadb-client/" hreflang="zh" lang="zh">中文</a>
+          <a href="/de/mariadb-client/" hreflang="de" lang="de">Deutsch</a>
+          <a href="/fr/mariadb-client/" hreflang="fr" lang="fr">Français</a>
+        </nav>
+        <h1>브라우저에서 실행되는 MariaDB 클라이언트</h1>
+        <p>Planche는 무료 MariaDB GUI입니다. 시퀀스, <code>RETURNING</code>, 시스템 버저닝 등 MariaDB 전용 키워드를 알고 있으며, 데스크톱 설치 프로그램 대신 한 줄짜리 로컬 에이전트로 브라우저에서 동작합니다. Galera와 SkySQL을 포함한 MariaDB 10.x, 11.x에서 동작합니다.</p>
+        <a class="cta" href="/ko/mariadb-client/">MariaDB 클라이언트 열기</a>
+        <h2>기능</h2>
+        <ul>
+          <li>MariaDB 키워드와 자동완성, 다중 문장 스크립트, <code>DELIMITER</code>를 지원하는 SQL 에디터</li>
+          <li>UPDATE 문을 미리 보여주는 편집 가능한 결과 그리드</li>
+          <li>스키마 트리: 데이터베이스, 테이블, 뷰, 프로시저, 함수, 이벤트, 트리거, 컬럼, 인덱스</li>
+          <li>테이블 디자이너, DDL 보기, 사용자 관리, 프로세스 목록, 변수와 상태</li>
+          <li>외래키 기반 ERD 뷰어</li>
+          <li>읽기 전용 모드, 운영 환경 색상, 파괴적 문장 확인, 수동 트랜잭션</li>
+        </ul>
+        <h2>연결 방식</h2>
+        <p>터미널에서 <code>npx planche</code>를 실행하세요(Node 22 이상). 내 컴퓨터에 작은 로컬 에이전트가 떠서 MariaDB 연결을 잡고, 이 페이지를 페어링된 상태로 엽니다. 브라우저는 <code>127.0.0.1</code>하고만 통신하므로 호스트·사용자·비밀번호가 어떤 서버로도 나가지 않습니다. 원격 데이터베이스는 <strong>SSH 터널</strong>(비밀번호, 키, ssh-agent, <code>~/.ssh/config</code> 지원)로 접속할 수 있습니다.</p>
+        <p>에이전트가 로컬에서 돌기 때문에 macOS, Windows, Linux 어디서든 데스크톱 앱 설치 없이 브라우저와 Node만으로 Planche를 MariaDB GUI로 쓸 수 있습니다.</p>
+        <p>다른 클라이언트: <a href="/ko/sqlite-viewer/">SQLite 뷰어</a>, <a href="/ko/mysql-client/">MySQL 클라이언트</a>, <a href="/ko/postgresql-client/">PostgreSQL 클라이언트</a>, <a href="/ko/sql-server-client/">SQL Server 클라이언트</a>, <a href="/ko/oracle-client/">Oracle 클라이언트</a>, <a href="/ko/neon-client/">Neon 클라이언트</a>, <a href="/ko/supabase-client/">Supabase 클라이언트</a> 및 <a href="/ko/cloudflare-d1-client/">Cloudflare D1 클라이언트</a>.</p>
+        <h2>무료로 사용</h2>
+        <p>Planche는 무료이며 계정도 유료 기능도 없습니다. 쿼리나 데이터를 수집하지 않으며, 연결 프로필은 브라우저 안에만 저장됩니다.</p>
+        <footer>© Planche. 개인·상업 용도 모두 영원히 무료입니다.</footer>
+      </div>
+    </section>
+    <div id="root"></div>
+  </body>
+</html>

package/app/ko/mysql-client/index.html ADDED Viewed

@@ -0,0 +1,112 @@
+<!doctype html>
+<!-- Generated by scripts/build-landing.mjs from landing/content.mjs — edit the content module, not this file. -->
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>브라우저에서 쓰는 무료 MySQL 클라이언트 — MySQL 5.7 / 8 웹 GUI</title>
+    <meta name="description" content="브라우저에서 실행되는 무료 MySQL GUI 클라이언트. 쿼리 에디터, 데이터 그리드 편집, 스키마 브라우저, 사용자, 프로세스, ERD, SSH 터널. 로컬 에이전트(npx planche)로 연결하며 인증 정보는 내 컴퓨터에 남습니다." />
+    <link rel="canonical" href="https://planche.dev/ko/mysql-client/" />
+    <link rel="alternate" hreflang="en" href="https://planche.dev/mysql-client/" />
+    <link rel="alternate" hreflang="ko" href="https://planche.dev/ko/mysql-client/" />
+    <link rel="alternate" hreflang="ja" href="https://planche.dev/ja/mysql-client/" />
+    <link rel="alternate" hreflang="zh" href="https://planche.dev/zh/mysql-client/" />
+    <link rel="alternate" hreflang="de" href="https://planche.dev/de/mysql-client/" />
+    <link rel="alternate" hreflang="fr" href="https://planche.dev/fr/mysql-client/" />
+    <link rel="alternate" hreflang="x-default" href="https://planche.dev/mysql-client/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="Planche" />
+    <meta property="og:title" content="브라우저에서 쓰는 무료 MySQL 클라이언트" />
+    <meta property="og:description" content="브라우저에서 실행되는 무료 MySQL GUI 클라이언트. 쿼리 에디터, 데이터 그리드 편집, 스키마 브라우저, 사용자, 프로세스, ERD, SSH 터널. 로컬 에이전트(npx planche)로 연결하며 인증 정보는 내 컴퓨터에 남습니다." />
+    <meta property="og:url" content="https://planche.dev/ko/mysql-client/" />
+    <meta property="og:image" content="https://planche.dev/og-image.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image:alt" content="브라우저에서 쓰는 무료 MySQL 클라이언트" />
+    <meta property="og:locale" content="ko_KR" />
+    <meta property="og:locale:alternate" content="en_US" />
+    <meta property="og:locale:alternate" content="ja_JP" />
+    <meta property="og:locale:alternate" content="zh_CN" />
+    <meta property="og:locale:alternate" content="de_DE" />
+    <meta property="og:locale:alternate" content="fr_FR" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="브라우저에서 쓰는 무료 MySQL 클라이언트" />
+    <meta name="twitter:description" content="브라우저에서 실행되는 무료 MySQL GUI 클라이언트. 쿼리 에디터, 데이터 그리드 편집, 스키마 브라우저, 사용자, 프로세스, ERD, SSH 터널. 로컬 에이전트(npx planche)로 연결하며 인증 정보는 내 컴퓨터에 남습니다." />
+    <meta name="twitter:image" content="https://planche.dev/og-image.png" />
+    <link rel="stylesheet" href="/landing.css" />
+    <script type="module" crossorigin src="/assets/rolldown-runtime-hePW80VL.js"></script>
+    <script type="module" crossorigin src="/assets/ui-store-BPY9VfQP.js"></script>
+    <script type="module" crossorigin src="/assets/button-DkRlMkru.js"></script>
+    <script type="module" crossorigin src="/assets/preload-helper-Czpn1I53.js"></script>
+    <script type="module" crossorigin src="/assets/i18n-C7R6hKCp.js"></script>
+    <script type="module" crossorigin src="/assets/editor.api2-JBjomUWM.js"></script>
+    <script type="module" crossorigin src="/assets/dist-BV6Hwye5.js"></script>
+    <script type="module" crossorigin src="/assets/dist-C2pydad-.js"></script>
+    <script type="module" crossorigin src="/assets/dist-C3MLFgG1.js"></script>
+    <script type="module" crossorigin src="/assets/app-storage-B6v72zLH.js"></script>
+    <script type="module" crossorigin src="/assets/connection-store-CJ_al8qv.js"></script>
+    <script type="module" crossorigin src="/assets/settings-store-DxKFgC4Z.js"></script>
+    <script type="module" crossorigin src="/assets/query-store-DlzOIWw1.js"></script>
+    <script type="module" crossorigin src="/assets/database-BIhkgl2O.js"></script>
+    <script type="module" crossorigin src="/assets/dbms-Cq4imB7l.js"></script>
+    <script type="module" crossorigin src="/assets/engine-DBTzC3si.js"></script>
+    <script type="module" crossorigin src="/assets/schema-nodes-n_QZJb21.js"></script>
+    <script type="module" crossorigin src="/assets/query-execution-CR2mkIdH.js"></script>
+    <script type="module" crossorigin src="/assets/use-engine-F2Y_trPz.js"></script>
+    <script type="module" crossorigin src="/assets/table-definition-Bs5VSn0X.js"></script>
+    <script type="module" crossorigin src="/assets/table-copy-2y2RNth1.js"></script>
+    <script type="module" crossorigin src="/assets/main-NJl8KiiX.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/editor-Br_kD0ds.css">
+    <link rel="stylesheet" crossorigin href="/assets/main-DI8DxG3x.css">
+  </head>
+  <body>
+    <section id="landing">
+      <div>
+        <nav aria-label="데이터베이스 클라이언트">
+          <a href="/ko/">Planche</a>
+          <a href="/ko/sqlite-viewer/">SQLite 뷰어</a>
+          <a href="/ko/mysql-client/" aria-current="page">MySQL 클라이언트</a>
+          <a href="/ko/mariadb-client/">MariaDB 클라이언트</a>
+          <a href="/ko/postgresql-client/">PostgreSQL 클라이언트</a>
+          <a href="/ko/sql-server-client/">SQL Server 클라이언트</a>
+          <a href="/ko/oracle-client/">Oracle 클라이언트</a>
+          <a href="/ko/neon-client/">Neon 클라이언트</a>
+          <a href="/ko/supabase-client/">Supabase 클라이언트</a>
+          <a href="/ko/cloudflare-d1-client/">Cloudflare D1 클라이언트</a>
+        </nav>
+        <nav class="languages" aria-label="언어">
+          <a href="/mysql-client/" hreflang="en" lang="en">English</a>
+          <a href="/ko/mysql-client/" hreflang="ko" lang="ko" aria-current="true">한국어</a>
+          <a href="/ja/mysql-client/" hreflang="ja" lang="ja">日本語</a>
+          <a href="/zh/mysql-client/" hreflang="zh" lang="zh">中文</a>
+          <a href="/de/mysql-client/" hreflang="de" lang="de">Deutsch</a>
+          <a href="/fr/mysql-client/" hreflang="fr" lang="fr">Français</a>
+        </nav>
+        <h1>브라우저에서 실행되는 MySQL 클라이언트</h1>
+        <p>Planche는 MySQL Workbench, phpMyAdmin, 유료 데스크톱 툴을 대신할 수 있는 무료 MySQL GUI입니다. 한 줄짜리 로컬 에이전트 외에는 설치할 것이 없습니다. MySQL 5.7, 8.x와 Amazon RDS, Aurora, PlanetScale 같은 호환 서버에서 동작합니다.</p>
+        <a class="cta" href="/ko/mysql-client/">MySQL 클라이언트 열기</a>
+        <h2>기능</h2>
+        <ul>
+          <li>MySQL 구문 강조, 자동완성, 다중 문장 스크립트, <code>DELIMITER</code>를 지원하는 SQL 에디터</li>
+          <li>편집 가능한 결과 그리드; 커밋 전에 UPDATE 문을 미리 보여줌</li>
+          <li>스키마 트리: 데이터베이스, 테이블, 뷰, 프로시저, 함수, 이벤트, 트리거, 컬럼, 인덱스</li>
+          <li>테이블 디자이너, CREATE TABLE DDL, 사용자 관리, 프로세스 목록, 서버 변수와 상태</li>
+          <li>외래키 기반 ERD 뷰어, 레이아웃 저장</li>
+          <li>가드레일: 읽기 전용 연결, 운영 환경 색상, 파괴적 문장 확인, 수동 트랜잭션</li>
+          <li>쿼리 히스토리와 에디터 탭의 로컬 스냅샷</li>
+        </ul>
+        <h2>연결 방식</h2>
+        <p>터미널에서 <code>npx planche</code>를 실행하세요(Node 22 이상). 내 컴퓨터에 작은 로컬 에이전트가 떠서 MySQL 연결을 잡고, 이 페이지를 페어링된 상태로 엽니다. 브라우저는 <code>127.0.0.1</code>하고만 통신하므로 호스트·사용자·비밀번호가 어떤 서버로도 나가지 않습니다. 원격 데이터베이스는 <strong>SSH 터널</strong>(비밀번호, 키, ssh-agent, <code>~/.ssh/config</code> 지원)로 접속할 수 있습니다.</p>
+        <p>에이전트가 로컬에서 돌기 때문에 macOS, Windows, Linux 어디서든 데스크톱 앱 설치 없이 브라우저와 Node만으로 Planche를 MySQL GUI로 쓸 수 있습니다.</p>
+        <p>다른 클라이언트: <a href="/ko/sqlite-viewer/">SQLite 뷰어</a>, <a href="/ko/mariadb-client/">MariaDB 클라이언트</a>, <a href="/ko/postgresql-client/">PostgreSQL 클라이언트</a>, <a href="/ko/sql-server-client/">SQL Server 클라이언트</a>, <a href="/ko/oracle-client/">Oracle 클라이언트</a>, <a href="/ko/neon-client/">Neon 클라이언트</a>, <a href="/ko/supabase-client/">Supabase 클라이언트</a> 및 <a href="/ko/cloudflare-d1-client/">Cloudflare D1 클라이언트</a>.</p>
+        <h2>무료로 사용</h2>
+        <p>Planche는 무료이며 계정도 유료 기능도 없습니다. 쿼리나 데이터를 수집하지 않으며, 연결 프로필은 브라우저 안에만 저장됩니다.</p>
+        <footer>© Planche. 개인·상업 용도 모두 영원히 무료입니다.</footer>
+      </div>
+    </section>
+    <div id="root"></div>
+  </body>
+</html>

package/app/ko/neon-client/index.html ADDED Viewed

@@ -0,0 +1,111 @@
+<!doctype html>
+<!-- Generated by scripts/build-landing.mjs from landing/content.mjs — edit the content module, not this file. -->
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>브라우저에서 쓰는 무료 Neon Postgres 클라이언트 — Neon 데이터베이스 GUI</title>
+    <meta name="description" content="브라우저에서 실행되는 Neon 서버리스 Postgres용 무료 GUI 클라이언트. Neon 연결 문자열을 붙여넣고 테이블을 살펴보고, SQL을 실행하고, 행을 편집하고, ERD를 봅니다. 로컬 에이전트(npx planche)로 연결하며 인증 정보는 내 컴퓨터에 남습니다." />
+    <link rel="canonical" href="https://planche.dev/ko/neon-client/" />
+    <link rel="alternate" hreflang="en" href="https://planche.dev/neon-client/" />
+    <link rel="alternate" hreflang="ko" href="https://planche.dev/ko/neon-client/" />
+    <link rel="alternate" hreflang="ja" href="https://planche.dev/ja/neon-client/" />
+    <link rel="alternate" hreflang="zh" href="https://planche.dev/zh/neon-client/" />
+    <link rel="alternate" hreflang="de" href="https://planche.dev/de/neon-client/" />
+    <link rel="alternate" hreflang="fr" href="https://planche.dev/fr/neon-client/" />
+    <link rel="alternate" hreflang="x-default" href="https://planche.dev/neon-client/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="Planche" />
+    <meta property="og:title" content="브라우저에서 쓰는 무료 Neon Postgres 클라이언트" />
+    <meta property="og:description" content="브라우저에서 실행되는 Neon 서버리스 Postgres용 무료 GUI 클라이언트. Neon 연결 문자열을 붙여넣고 테이블을 살펴보고, SQL을 실행하고, 행을 편집하고, ERD를 봅니다. 로컬 에이전트(npx planche)로 연결하며 인증 정보는 내 컴퓨터에 남습니다." />
+    <meta property="og:url" content="https://planche.dev/ko/neon-client/" />
+    <meta property="og:image" content="https://planche.dev/og-image.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image:alt" content="브라우저에서 쓰는 무료 Neon Postgres 클라이언트" />
+    <meta property="og:locale" content="ko_KR" />
+    <meta property="og:locale:alternate" content="en_US" />
+    <meta property="og:locale:alternate" content="ja_JP" />
+    <meta property="og:locale:alternate" content="zh_CN" />
+    <meta property="og:locale:alternate" content="de_DE" />
+    <meta property="og:locale:alternate" content="fr_FR" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="브라우저에서 쓰는 무료 Neon Postgres 클라이언트" />
+    <meta name="twitter:description" content="브라우저에서 실행되는 Neon 서버리스 Postgres용 무료 GUI 클라이언트. Neon 연결 문자열을 붙여넣고 테이블을 살펴보고, SQL을 실행하고, 행을 편집하고, ERD를 봅니다. 로컬 에이전트(npx planche)로 연결하며 인증 정보는 내 컴퓨터에 남습니다." />
+    <meta name="twitter:image" content="https://planche.dev/og-image.png" />
+    <link rel="stylesheet" href="/landing.css" />
+    <script type="module" crossorigin src="/assets/rolldown-runtime-hePW80VL.js"></script>
+    <script type="module" crossorigin src="/assets/ui-store-BPY9VfQP.js"></script>
+    <script type="module" crossorigin src="/assets/button-DkRlMkru.js"></script>
+    <script type="module" crossorigin src="/assets/preload-helper-Czpn1I53.js"></script>
+    <script type="module" crossorigin src="/assets/i18n-C7R6hKCp.js"></script>
+    <script type="module" crossorigin src="/assets/editor.api2-JBjomUWM.js"></script>
+    <script type="module" crossorigin src="/assets/dist-BV6Hwye5.js"></script>
+    <script type="module" crossorigin src="/assets/dist-C2pydad-.js"></script>
+    <script type="module" crossorigin src="/assets/dist-C3MLFgG1.js"></script>
+    <script type="module" crossorigin src="/assets/app-storage-B6v72zLH.js"></script>
+    <script type="module" crossorigin src="/assets/connection-store-CJ_al8qv.js"></script>
+    <script type="module" crossorigin src="/assets/settings-store-DxKFgC4Z.js"></script>
+    <script type="module" crossorigin src="/assets/query-store-DlzOIWw1.js"></script>
+    <script type="module" crossorigin src="/assets/database-BIhkgl2O.js"></script>
+    <script type="module" crossorigin src="/assets/dbms-Cq4imB7l.js"></script>
+    <script type="module" crossorigin src="/assets/engine-DBTzC3si.js"></script>
+    <script type="module" crossorigin src="/assets/schema-nodes-n_QZJb21.js"></script>
+    <script type="module" crossorigin src="/assets/query-execution-CR2mkIdH.js"></script>
+    <script type="module" crossorigin src="/assets/use-engine-F2Y_trPz.js"></script>
+    <script type="module" crossorigin src="/assets/table-definition-Bs5VSn0X.js"></script>
+    <script type="module" crossorigin src="/assets/table-copy-2y2RNth1.js"></script>
+    <script type="module" crossorigin src="/assets/main-NJl8KiiX.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/editor-Br_kD0ds.css">
+    <link rel="stylesheet" crossorigin href="/assets/main-DI8DxG3x.css">
+  </head>
+  <body>
+    <section id="landing">
+      <div>
+        <nav aria-label="데이터베이스 클라이언트">
+          <a href="/ko/">Planche</a>
+          <a href="/ko/sqlite-viewer/">SQLite 뷰어</a>
+          <a href="/ko/mysql-client/">MySQL 클라이언트</a>
+          <a href="/ko/mariadb-client/">MariaDB 클라이언트</a>
+          <a href="/ko/postgresql-client/">PostgreSQL 클라이언트</a>
+          <a href="/ko/sql-server-client/">SQL Server 클라이언트</a>
+          <a href="/ko/oracle-client/">Oracle 클라이언트</a>
+          <a href="/ko/neon-client/" aria-current="page">Neon 클라이언트</a>
+          <a href="/ko/supabase-client/">Supabase 클라이언트</a>
+          <a href="/ko/cloudflare-d1-client/">Cloudflare D1 클라이언트</a>
+        </nav>
+        <nav class="languages" aria-label="언어">
+          <a href="/neon-client/" hreflang="en" lang="en">English</a>
+          <a href="/ko/neon-client/" hreflang="ko" lang="ko" aria-current="true">한국어</a>
+          <a href="/ja/neon-client/" hreflang="ja" lang="ja">日本語</a>
+          <a href="/zh/neon-client/" hreflang="zh" lang="zh">中文</a>
+          <a href="/de/neon-client/" hreflang="de" lang="de">Deutsch</a>
+          <a href="/fr/neon-client/" hreflang="fr" lang="fr">Français</a>
+        </nav>
+        <h1>브라우저에서 실행되는 Neon Postgres 클라이언트</h1>
+        <p>Planche는 <strong>Neon</strong> 서버리스 Postgres를 위한 무료 GUI입니다. Neon 콘솔의 연결 문자열을 붙여넣으면 완전한 SQL 에디터, 스키마 브라우저, 편집 가능한 그리드, ERD를 얻습니다 — 브라우저와 한 줄짜리 로컬 에이전트만으로, 데스크톱 앱 없이.</p>
+        <a class="cta" href="/ko/neon-client/">Neon 클라이언트 열기</a>
+        <h2>기능</h2>
+        <ul>
+          <li><code>postgresql://…neon.tech/neondb?sslmode=require</code>를 붙여넣으면 호스트, 사용자, 비밀번호, 데이터베이스가 자동으로 채워짐</li>
+          <li>TLS 항상 켜짐, 서버 인증서 검증; SSH나 방화벽 설정 불필요</li>
+          <li>모든 Neon 브랜치에서 동작 — 브랜치마다 연결 프로필 하나</li>
+          <li>PostgreSQL 인식 SQL 에디터, 스키마 트리(스키마 › 테이블, 뷰, 함수), 편집 가능한 결과 그리드</li>
+          <li>CREATE TABLE DDL, 외래키 기반 ERD 뷰어, 읽기 전용·운영 환경 가드레일</li>
+          <li>쿼리 히스토리와 로컬 스냅샷</li>
+        </ul>
+        <h2>연결 방식</h2>
+        <p>터미널에서 <code>npx planche</code>를 실행하세요(Node 22 이상). 내 컴퓨터에 작은 로컬 에이전트가 떠서 Neon으로 TLS 연결을 열고, 이 페이지를 페어링된 상태로 엽니다. 브라우저는 <code>127.0.0.1</code>하고만 통신하므로 Neon 비밀번호는 Neon 외 어떤 서버로도 나가지 않습니다. 중지된 컴퓨트의 콜드 스타트는 그냥 기다립니다.</p>
+        <p>Neon은 표준 PostgreSQL이므로 달러 인용, <code>search_path</code> 전환, 스키마·뷰·함수의 완전한 인트로스펙션 등 <a href="/ko/postgresql-client/">PostgreSQL 클라이언트</a>의 모든 것이 그대로 적용됩니다.</p>
+        <p>다른 클라이언트: <a href="/ko/sqlite-viewer/">SQLite 뷰어</a>, <a href="/ko/mysql-client/">MySQL 클라이언트</a>, <a href="/ko/mariadb-client/">MariaDB 클라이언트</a>, <a href="/ko/postgresql-client/">PostgreSQL 클라이언트</a>, <a href="/ko/sql-server-client/">SQL Server 클라이언트</a>, <a href="/ko/oracle-client/">Oracle 클라이언트</a>, <a href="/ko/supabase-client/">Supabase 클라이언트</a> 및 <a href="/ko/cloudflare-d1-client/">Cloudflare D1 클라이언트</a>.</p>
+        <h2>무료로 사용</h2>
+        <p>Planche는 무료이며 계정도 유료 기능도 없습니다. 쿼리나 데이터를 수집하지 않으며, 연결 프로필은 브라우저 안에만 저장됩니다.</p>
+        <footer>© Planche. 개인·상업 용도 모두 영원히 무료입니다.</footer>
+      </div>
+    </section>
+    <div id="root"></div>
+  </body>
+</html>