조립스페이스 문서
AI 에이전트와 웹앱을 만들고, 조립스페이스에 배포하세요.
JoripSpace는 AI 에이전트로 웹앱을 제작하고 배포하는 플랫폼입니다. 프로젝트의 서버, DB, 스토리지를 연결해 아이디어를 실제 서비스로 만들어 보세요.
AI 에이전트 연결
프로젝트 안내와 에이전트 문서를 읽고 작업을 이어갑니다.
CLI 설치와 실행
Windows, macOS, Linux에서 같은 명령을 사용합니다.
제작과 배포
기존 코드를 확인하고 실제 서비스 주소에서 결과를 검증합니다.
DB와 스토리지
서비스 데이터와 업로드 파일을 프로젝트에서 관리합니다.
개발 가이드와 예제
Hono와 프로젝트 구조
파일을 역할별로 나누고 SSR 웹앱을 로컬 실행부터 배포까지 연결합니다.
SSR과 SEO
검색에 필요한 콘텐츠와 메타데이터를 첫 HTML 응답에 담습니다.
DB와 파일 저장
바인딩, 마이그레이션, 인덱스와 권한별 파일 관리 예제입니다.
인증과 Secret
플랫폼 CLI 인증과 앱 사용자 로그인을 구분하고 세션·비밀 키를 보호합니다.
크론과 정기 실행
UTC 스케줄 등록, 내부 호출 보호와 반복 실행 검증 방법입니다.
결제 PG 연동
서버 주문 생성부터 결제 승인·재조회·웹훅·정기결제까지 구현 흐름을 안내합니다.
실시간 WebSocket v1
기존 공개 room 연결과 메시지·이력 형식을 안내합니다.
실시간 WebSocket v2
서버 인증 발행, 사용자 접속권, SDK 복구와 주문 outbox 예제입니다.
배포와 운영 점검
정적 파일, 도메인, 로그, 롤백과 메일 연결까지 확인합니다.
빠른 시작
터미널과 파일을 사용할 수 있는 AI 코딩 에이전트에서 시작하세요.
- 프로젝트 준비
프로젝트에서 사용할 프로젝트를 열거나 생성합니다.
start는 이미 존재하는 프로젝트에 연결하는 명령입니다. - 작업 폴더 열기
에이전트에서 프로젝트 코드를 저장할 폴더를 엽니다. 기존 코드가 있다면 해당 작업 폴더에서 시작하세요.
- 메시지 전달
아래
PROJECT두 곳을 실제 프로젝트 이름으로 바꿔 전달하세요. 프로젝트의 시작하기 탭에서는 이름이 포함된 메시지를 바로 복사할 수 있습니다.
JoripSpace 프로젝트 `PROJECT`를 시작해줘.
1. `npm install -g @joripspace/cli@latest`로 공식 CLI를 설치하거나 업데이트해줘.
2. `joripspace start PROJECT --json`을 실행하고, 반환된 온보딩 안내와 에이전트 문서를 읽어 연결을 완료해줘.
3. 기존 프로젝트 상태를 확인하고, 제작·배포를 이어가기 위한 다음 단계를 안내해줘.연결 승인이 필요하면 에이전트가 안내한 조립스페이스 화면에서 승인하고 일회용 연결 코드를 전달하세요. 연결 후에는 만들 기능을 설명해 제작과 배포를 요청할 수 있습니다.
AI 에이전트 연결
start는 프로젝트 상태, 온보딩 안내, 다음 작업을 반환합니다. 에이전트는 반환된 안내와 문서를 현재 대화에서 직접 읽고 작업을 이어갑니다.
- AGENTS.md
- 프로젝트 작업 안내를 기록합니다. 기존 사용자 문서는 유지하며 조립스페이스 안내 블록을 관리합니다.
- CLAUDE.md
AGENTS.md를 참조하도록 연결합니다. 문서가 자동으로 읽히지 않는 환경에서는 에이전트가 직접 읽어야 합니다.- 다음 실행 경로
onboarding.invocation에 현재 세션에서 사용할 실행 파일의 절대경로, 인자와 작업 폴더가 반환됩니다.
이 시작 흐름에는 플러그인·스킬 설치나 MCP 등록이 필수가 아닙니다. 터미널·파일·네트워크 접근이 없는 채팅 전용 환경에서는 명령을 실행할 수 없습니다.
빈 프로젝트는 반환된 템플릿 선택 안내를, 기존 프로젝트는 현재 소스와 배포 상태에 맞는 다음 작업을 따르세요.
CLI 설치와 실행
Windows, macOS, Linux에서 Node.js 18 이상과 npm이 필요합니다. 새 환경에는 지원 중인 Node.js LTS를 사용하세요.
설치 없이 npx로 실행
원하는 작업 폴더에서 실행하세요. 전역 설치는 선택 사항입니다.
npx -y @joripspace/cli@latest start PROJECT --json전역 설치 또는 업데이트
npm install -g @joripspace/cli@latest
joripspace --version
joripspace start PROJECT --json명령어 확인
인자와 옵션은 설치한 CLI의 도움말을 기준으로 확인하세요. PROJECT에는 실제 프로젝트 이름을 넣습니다.
joripspace --help
joripspace start --help
joripspace deploy --help다른 폴더를 지정할 때는 --cwd를 사용하세요. 공백이 포함된 경로는 따옴표로 감쌉니다. 인증정보는 작업 폴더의 Git 제외 파일 .env.joripspace에 저장되며, 정상 연결 후 같은 작업 폴더에서 다시 사용할 수 있습니다.
제작과 배포
- 현재 상태 확인
에이전트가 기존 소스, 프로젝트 실행 스크립트와
start의 다음 작업을 확인합니다. - 구현과 로컬 검증
만들거나 수정할 기능을 전달하세요. 프로젝트에 맞는 빌드·검사를 실행하고 실제 화면과 동작을 확인합니다.
- 조립스페이스로 배포
연결된 GitHub 배포가 있으면 설정된 브랜치와 트리거를 따릅니다. 그 외에는 프로젝트에 맞는 CLI 배포 명령을 사용합니다.
- 공개 주소 확인
배포 결과와 서비스 URL을 확인하고 요청한 기능이 실제로 동작하는지 검증합니다.
프로젝트를 연결하는 것만으로 새 앱을 만들거나 배포하지는 않습니다. 원하는 기능과 배포 요청을 에이전트에 전달하세요.
현재 프로젝트의 구조를 확인하고 요청한 기능을 구현해줘. 로컬에서 빌드와 동작을 검증한 뒤 조립스페이스에 배포하고, 실제 서비스 주소와 확인 결과를 알려줘.DB와 스토리지
- DB · env.DB
- 서비스에서 조회·수정할 구조화된 데이터를 저장합니다. 실제 조회 조건과 인덱스를 함께 설계하고 스키마 변경은 마이그레이션으로 관리하세요.
- 스토리지 · env.STORAGE
- 사용자가 업로드한 파일과 운영 중 생성한 파일을 저장합니다. 파일의 메타데이터는 DB에서 관리할 수 있습니다.
- 배포에 포함할 파일
- 로고, 고정 디자인 이미지 같은 사이트 자산은 프로젝트 소스에 포함합니다. 업로드 파일과 구분해 관리하세요.
아래 도움말에서 현재 CLI가 지원하는 DB·파일 관리 명령을 확인할 수 있습니다.
joripspace db --help
joripspace storage --help외부 서비스 비밀 키는 프로젝트 Secret으로 관리하고 브라우저 코드나 공개 저장소에 넣지 마세요.
문제 해결
joripspace 명령을 찾지 못해요
npx -y @joripspace/cli@latest --version으로 실행을 확인하세요. 전역 설치 경로는 npm root -g로 확인할 수 있습니다. 에이전트는 연결 응답의 절대 실행 경로를 사용해 세션을 이어갈 수 있습니다.
연결 승인이 필요하다고 나와요
connection_required는 아직 연결되지 않은 상태입니다. 응답의 연결 URL에서 승인하고 5분 이내에 일회용 코드를 사용하세요. 에이전트는 반환된 로그인·재개 명령을 실행해야 합니다.
프로젝트를 찾지 못하거나 다른 프로젝트가 연결돼요
로그인한 계정의 프로젝트 접근 권한과 이름을 확인하세요. 현재 작업 폴더와 .joripspace/project의 프로젝트가 일치하는지 확인하고, 기존 파일을 강제로 덮어쓰지 마세요.
연결은 됐는데 제작이 시작되지 않아요
에이전트에 반환된 onboarding 안내와 AGENTS.md를 직접 읽도록 요청하고, 만들 기능을 전달하세요. 템플릿 선택이나 사용자 확인이 필요한 상태라면 먼저 해당 단계를 완료합니다.