1440.kor.gallery
디자이너와 아티스트를 위한 온라인 전시 서비스. 이름.kor.gallery 주소로 자기 전시·포트폴리오 사이트를 만드는 한국어 사이트 빌더.
2026년 12월 25일부터 무료 서비스로 전환합니다. 수익성 한계로 유료 이용권을 없애고 누구나 무료로 쓸 수 있게 하며, 서비스 소스를 깃허브 저장소에 공개.
Free from 2026-12-25. The service did not earn enough to justify charging for it, so it becomes free to use, and its source code is published here.
In short. I built and ran a Korean website builder alone: a form picker with 1,440 layouts, an in-browser editor, an account and payment server, and automatic publishing to name.kor.gallery. It launched on 2026-10-05. This repository holds the full source and the notes on what the project taught me.
공개 전 제3자 참고 자료와 개인 작업 메모를 삭제 및, 작성자 정보를 정리. 키와 비밀번호는 코드에 없고 배포할 때 Wrangler와 GitHub의 비밀값.
구성
| 부분 | 내용 |
|---|
| 폼 | 서로 다른 레이아웃 1,440개 폼생성기. 직접 만든 80개와, 메뉴 위치·첫 화면 구성·글자 배치·캡션·기능을 조합해 만든 1,360개 |
| 편집기 | 웹을 모르는 사람 기준. 쉬운 한국어 이름, 선택지 대신 스위치, 바로 보이는 결과, 되돌리기. 폰은 글·사진 수정, 컴퓨터는 구성과 디자인 |
| 공개 | 주소를 고르면 이름.kor.gallery로 바로 열립니다. 사진·3D 모델·영상도 올릴 수 있습니다 |
| 계정 | 메일 코드 가입, 로그인, 학교 메일 확인, 탈퇴, 관리자 화면(사용량·유입·접속 기록) |
| 결제 | 이용권 결제, 월 구독, 환불(남은 날 비율로 계산), 결제 취소 알림 처리 |
| 운영 | 이용권 만료 안내 메일, 만료 후 7일 뒤 사이트 삭제, 매일 도는 정리 작업 |
| 점검 | 1,440개 폼을 한꺼번에 검사하는 도구, 계정·결제 서버 시험 99가지 |
규모는 HTML·CSS·JS 약 13,000줄, 2026-09-27에 시작 2026-10-05에 서비스 오픈.
구조
브라우저 ── 1440.kor.gallery ─────────────── 정적 사이트 (첫 화면, 폼 고르기, 편집기)
│ Cloudflare Workers 정적 자산
└── 1440.kor.gallery/api/* ───────────── 계정·결제 서버 (Cloudflare Worker)
├─ D1 계정, 사이트, 결제 기록
├─ R2 올린 사진·영상·3D 파일
├─ Cron 매일 구독 갱신, 만료 안내, 정리
├─ 나이스페이먼츠 결제·빌링
└─ Resend 가입 코드·안내 메일
이름.kor.gallery ─────────────────────────── 같은 Worker가 공개본을 읽어 그려 줌
저장소 구성
| 경로 | 내용 |
|---|
index.html, templates.html, assets/ | 정적 사이트. 빌드 도구 없이 파일 그대로 배포합니다 |
assets/tpl-gen.js, templates.js | 폼 생성기와 폼 고르기 화면 |
assets/editor.js | 편집기 |
api/worker.js, api/schema.sql | 계정·결제·공개 서버(Cloudflare Worker)와 D1 스키마 |
tools/ | 폼 겹침 검사(check-templates.js), 계정 서버 시험(check-api.mjs), 로컬 서버 |
.github/workflows/ | 배포 버튼 두 개: "미리보기 올리기", "사이트 개시" |
BRAND.md | 화면·메일·약관 문구의 말투 규칙 |
assets/img/samples/CREDITS.md, assets/3d/CREDITS.md | 샘플 사진과 3D 모델의 출처와 라이선스 |
실행
python3 tools/serve.py 8440 # http://localhost:8440
node tools/check-templates.js # 폼 검사
node tools/check-api.mjs # 계정 서버 시험, Node 22.5 이상
계정 서버가 없으면 계정 기능은 브라우저 안에서만 도는 미리보기 방식으로 동작하므로, 화면 쪽은 서버 없이 볼 수 있습니다. 서버는 api/wrangler.jsonc 머리의 순서대로 올립니다.
설계
폼 1,440개를 서로 다르게. 손으로 1,440개를 만들 수 없어서 생성기를 만들었습니다. 겹침을 막는 규칙(기능 조합이 같은 폼 없음, 한 폼 안에서 같은 사진 없음)을 코드로 정하고, 검사 도구가 매번 확인합니다.
편집기는 웹을 모르는 사람 기준. 설명 문장을 늘어놓는 대신 마우스를 올리면 설명이 보이게 하고, 되돌리기를 항상 둡니다. 개발용 자동 검사로 1,440개 폼을 컴퓨터·폰 화면에서 열어 글 수정, 색 변경, 기능 켜고 끄기가 되는지 봅니다.
결제는 서버가 금액을 정한다. 브라우저가 보낸 금액을 믿지 않고, 서버의 요금표로 주문을 만든 뒤 결제사의 서명을 확인하고 승인합니다.
환불 규칙을 코드로. 결제한 날이면 전액, 이용권은 그 뒤 남은 날수만큼 부분 취소, 구독은 그 뒤에는 돈을 돌려주지 않고 구독만 멈춤. 결제 기록을 먼저 바꿔 두어 같은 취소의 알림이 이용 기간을 두 번 깎지 않게 했습니다.
개인정보는 적게. 방문 통계는 쿠키와 IP 없이 하루·종류·출처별 건수만 셉니다. 카드 번호는 서버를 한 번 거쳐 암호화해 결제사로 보낼 뿐 저장하거나 기록하지 않습니다. 관리자 작업은 모두 접속 기록에 남기고 2년 보관합니다.
공개된 코드여도 안전하게. 코드를 공개하기 전에 점검해서 고친 것들입니다.
- 올린 파일은 헤더가 아니라 파일 앞부분(시그니처)으로 종류를 확인합니다. HTML을 그림이라고 속여 올릴 수 없습니다.
- 공개 사이트의 페이지 아이디는 영문·숫자·
-·_만 받고(서버), 화면에서도 모든 값을 이스케이프합니다(작은따옴표 포함). 공개하는 사람이 다른 방문자 화면에 스크립트를 심을 수 없게 했습니다.
- 모든 응답에
nosniff, X-Frame-Options, Referrer-Policy, Permissions-Policy, HSTS를 붙이고, 올린 파일에는 sandbox가 걸린 CSP를 붙였습니다.
- 이 항목들은
tools/check-api.mjs의 시험(214가지)에 들어 있습니다.
한계
- 결제사의 규칙이 제품을 바꾼다. 처음에는 1년 이용권을 팔았지만, 6개월 이상의 장기 유료 회원제는 결제사 가맹이 안 되는 업종이어서 10월 6일부터 판매를 중단하고 월 구독으로 바꿨습니다. 카드사 심사의 상품 목록 개수를 맞추려고 7일권과 90일권도 더했습니다. 가격표는 기획만으로 정할 수 없었습니다.
- 법과 표시도 기능이다. 첫 화면에 사업자 정보와 약관·처리방침 링크를 두고, 청약철회와 환불 조건을 결제 화면에 보여 주는 일이 코드만큼의 시간을 썼습니다.
- 무료 한도가 설계를 정한다. 하루 메일 100통, Worker 하루 10만 요청 같은 한도 때문에 가입 코드 발송 횟수를 제한하고, 사진은 브라우저에서 줄여 올리게 했습니다.
- 혼자 운영하려면 검사 도구가 먼저다. 폼 1,440개와 결제 흐름은 눈으로 확인할 수 없어서, 자동 검사를 먼저 만들었습니다.
- 돈을 받는 서비스는 비용과 노력이 따라온다. 결제, 환불, 안내 메일, 약관을 유지하는 일에 비해 수익이 충분하지 않았습니다. 그래서 2026년 12월 25일부터 무료로 전환하고, 코드를 공개했습니다.
서비스
- 사이트: https://1440.kor.gallery
- 이 글의 내용은 서비스 코드와 문서를 직접 정리한 것입니다. 매출이나 가입자 수는 적지 않았습니다.
- 별도 라이선스를 붙이지 않았으므로 모든 권리는 저자에게 있고, 읽고 참고하는 것은 환영합니다. 샘플 사진, 3D 모델, 서체는 각자의 라이선스를 따릅니다(위 CREDITS 참고).
