Bohm 에서 도는 앱 만들기

글 복사

# Bohm 에서 도는 앱을 만들 때

> 계약 1 — 이 글의 판. 새로 되는 것이 생기면 판이 오르고 «새로»로 알립니다.

이 글을 요청과 함께 주면, 만들어 줄 앱이 Bohm 에서 그대로 돕니다. Bohm 은 회사 PC 에서 HTML 앱을 들여 쓰는 도구입니다.

- **파일 하나로.** HTML 파일 하나에 화면·스타일·스크립트를 모두 담아 주세요. 다른 파일(이미지·스크립트 파일)을 옆에 두면 읽히지 않습니다.
- **저장은 `localStorage` 로.** Bohm 이 `localStorage` 를 이 PC 에 안전하게 보관합니다(다시 열어도, 새 판으로 바꿔도 남습니다). `sessionStorage` · IndexedDB · 쿠키는 남지 않습니다. Firebase · Supabase 같은 온라인 데이터베이스에도 저장하지 마세요 — 앱은 밖의 서버에 닿지 못해 입력한 것이 남지 않습니다. 여러 종류의 기록은 키를 나눠 JSON 으로 두면 됩니다.
- **서버는 없습니다.** `/api/...` 같은 서버 호출이나 가입·로그인 화면을 만들지 마세요. 이 앱은 이 PC 의 사람만 쓰고, 앱 안의 비밀번호는 아무것도 지키지 못합니다.
- **인터넷의 데이터는 쓸 수 없습니다.** 날씨·환율 같은 외부 서비스에는 닿지 못합니다(Bohm 이 앱의 바깥 연결을 막고, 인터넷이 없는 곳 — 사내망 등 — 에서도 쓰입니다) — 필요한 값은 사람이 입력하거나 붙여 넣게 해 주세요. 라이브러리(CDN)는 들일 때 한 번 받아 두지만, 파일 안에 직접 쓴 코드가 가장 안전합니다.
- **AI 가 필요하면 공급자 API 를 그대로.** OpenAI · Anthropic · Gemini 의 API 를 평소처럼 부르되, 키를 코드에 넣거나 키 입력 칸을 만들지 마세요 — Bohm 이 키(또는 이 PC 의 AI 모델)를 대신 붙입니다.
- **오류는 `console.error` 로.** Bohm 이 앱의 오류를 모아 보여 줍니다. 로그를 따로 저장하지 않아도 됩니다.
- **화면 요소는 마크업에 적어 주세요.** 사람이 나중에 화면의 한 곳을 짚어 «이것 바꿔줘»라고 고칩니다 — 스크립트로 전부 만들어 내는 것보다 HTML 에 적힌 요소가 잘 고쳐집니다.