좌席 배치도 제작부터 좌석 선택, 실시간 예매 상태 표시까지 — 하나의 데이터로 관리하는 좌석 배치 플랫폼. 이미지가 아닌 구조화된 데이터로 모든 공연장을 운영하세요.
JPG·PSD로 만든 좌석표는 예매 시스템과 연동되지 않습니다. 수정할 때마다 디자인 파일을 다시 그리고, 실시간 상태는 어디에도 반영되지 않죠.
아레나, 스탠딩, 단상형, 자유석 — 매번 새로운 도면을 처음부터 그려야 합니다.
이미지 위에 좌석 ID를 매핑하는 작업을 따로 해야 하고, 오차가 누적됩니다.
VIP석 한 줄을 추가하려면 디자이너 일정을 다시 잡아야 합니다.
이미지에는 좌석 단위 상태가 없습니다. 판매 가능, 결제 중, 판매 완료를 어떻게 보여줄 건가요?
공연장마다 ID 체계, 좌표 단위, 구역 정의가 제각각이면 운영 비용이 폭증합니다.
운영자 권한, 접근 제어, 좌석 메타데이터 — 이미지로는 불가능합니다.
웹 에디터에서 좌석을 그리는 즉시 구조화된 데이터가 만들어집니다. 그 데이터가 곧 예매 시스템, 좌석 선택 화면, 실시간 상태 표시의 단일 진실(Single Source of Truth)이 됩니다.
드로잉부터 Export, 좌석 선택 UI, 실시간 상태 동기화, 운영 권한까지 — 한 플랫폼에서.
구매 목록(JSON·CSV)을 넣으면 일행을 붙여 앉힙니다. 통로는 인접성 단절로 처리해 한 팀이 통로를 넘어 쪼개지지 않습니다.
공연장 구조에 맞게 좌석·구역·통로·무대 위치를 자유롭게 배치합니다. 격자 스냅, 다중 선택, 정렬 자동화.
완성된 배치도를 서비스 연동용 JSON으로 출력합니다. 스키마 검증, 좌표 정규화, 격자 규칙 압축.
여러 공연장의 좌석 배치도를 저장·복제·재사용합니다. 시즌·공연별로 빠르게 변형하세요.
실제 예매 화면에 좌석 선택 UI를 그대로 연결합니다. 모바일·데스크톱·키오스크까지 동일 데이터로.
판매 가능, 선택 중, 결제 중, 판매 완료, 잠금 좌석을 동기화합니다. WebSocket 기반 5단계 상태.
좌석 잠금, 구역별 판매 제어, VIP석·장애인석·휠체어석 관리. 권한·감사 로그·일괄 처리까지.
아레나·콘서트홀·팬미팅장·전시장 — 좌석 단위든 자유석이든, 동일한 스키마로 운영합니다.
한 번 그리면, 다섯 단계의 운영 흐름이 자동으로 연결됩니다.
웹 에디터에서 구역·좌석·통로·무대를 배치합니다.
스키마 검증 후 구조화된 데이터를 출력합니다.
예매 백엔드에 좌석 데이터를 import 합니다.
사용자에게 동일한 데이터를 렌더링합니다.
WebSocket으로 좌석 상태를 동기화합니다.
좌석 배치도에서 생성된 JSON은 프론트엔드 좌석 선택 화면, 백엔드 좌석 관리, 실시간 상태 동기화에 그대로 사용됩니다. 좌석은 하나씩 나열되지 않고 격자 규칙으로 압축돼 1,000석이 3.8 KB — 배치도는 캐시하고, 판매 상태만 별도 문서로 실시간으로 받습니다.
{ "schemaVersion": 2, "layoutId": "tokyo-concert-hall", "name": "Tokyo Concert Hall", "revision": 12, "canvas": { "width": 2000, "height": 1500 }, "render": { "seatShape": "roundedRect", "seatWidth": 18, "seatHeight": 16, "coordinateSpace": "unrotated", "rotationPivot": "sectionGridCenter" }, "grades": [ { "id": "g-vip", "name": "VIP", "color": "#DC2626", "sort": 0 } ], "sections": [ { "id": "8fdd7c60-ef53-4e88-9526-ac5f98878cd5", "code": "8fdd7c60", "name": "VIP A", "origin": { "x": 606, "y": 240 }, "grid": { "rows": 4, "cols": 20, "colPitch": 22, "rowPitch": 22 }, "rotation": 0, "labeling": { "rowType": "alpha", "rowStart": 0, "seatNumberDir": "ltr", "seatNumberStart": 1, "displayFormat": "{row}-{num}" }, "defaultGradeId": "g-vip", "colAisles": [9] } ] }
JSON을 그대로 렌더링해 사용자가 좌석을 클릭·선택할 수 있는 인터랙티브 UI를 만듭니다.
SeatKey(구역코드:행:열)로 좌석을 지정해 예매·결제 트랜잭션을 처리합니다. 서버는 이 키를 좌석 레코드에 매핑합니다.
WebSocket·SSE로 좌석 상태(available·selected·pending·sold·locked)를 즉시 반영합니다.
좌석 잠금, VIP·장애인석 표시, 구역별 판매 제어를 동일한 데이터에서 일괄 관리합니다.
좌석이 있는 모든 예약 시스템에 — 콘서트, 팬미팅, 전시회, 사내 이벤트까지.
대규모 동시접속 예매에 안정적으로 대응.
소규모·VIP 좌석 운영을 정교하게.
자유석·블록 단위 예약을 같은 스키마로.
잠금·VIP·장애인석을 권한 기반으로 관리.
여러 공연장 데이터를 한 곳에서 운영.
JSON·SDK로 빠르게 통합.
테이블·좌석·대기열을 데이터로 관리.
구역·게이트·등급별 운영을 자동화.
도입 전에 가장 많이 확인하시는 것들입니다.
공연장·전시장·경기장의 좌석 배치도를 웹 에디터로 그리고, 예매 시스템이 그대로 읽는 구조화된 JSON으로 내보내는 좌석 배치 데이터 플랫폼입니다. 좌석표가 이미지가 아니라 데이터이므로 좌석 단위 상태 표시와 시스템 연동이 가능합니다.
계약 v2 venue JSON입니다. 좌석을 하나씩 나열하지 않고 구역의 격자 규칙(행·열·간격·라벨링)으로 압축하므로 1,000석이 3.8 KB입니다. 판매 상태는 배치도와 분리된 별도 문서로 내려가기 때문에 배치도 자체는 캐시할 수 있습니다.
예. 좌석마다 노드를 만들지 않고 전체를 단일 캔버스에 배치 드로잉하며, 클릭 판정은 버킷 공간 인덱스로 계산합니다.
됩니다. 구매 목록을 JSON 또는 CSV로 넣으면 같은 구매 건을 연속된 좌석에 배정합니다. 통로는 좌석 번호의 연번은 유지하면서 인접성만 끊는 것으로 처리하므로, 한 팀이 통로를 넘어 쪼개지지 않습니다.
중심·반지름·행 간격·시작/끝 각도·좌석 간격 파라미터로 부채꼴 구역을 생성합니다. 구역 선택 지도에서도 사각형이 아니라 실제 부채꼴 외곽선으로 그려집니다.
JSON이면 가능합니다. 계약 v2 venue 문서, 구버전 에디터 v1 export, Seatframe 프로젝트 파일을 모두 받습니다. JPG·PSD 같은 이미지 좌석표는 좌석 단위 데이터가 없어 가져올 수 없습니다.
아니요. 등급은 이름과 색만 관리합니다. 가격 정책은 예매 시스템의 몫이라 내보내는 JSON에도 price 키가 없습니다. 다만 가격이 든 문서를 임포트하면 그 값은 보존되어 그대로 재내보내집니다.
좌석 배치도 제작부터 JSON Export, 좌석 선택 화면 연동까지 — 한 번에 시작할 수 있습니다.