앱 코드 내보내기

핵심 요약설정 → 내보내기에서 .zip 다운로드를 클릭하면 앱 전체를 독립된 TanStack Start 프로젝트로 받습니다. 설정 파일, 데이터베이스 마이그레이션, 실행과 배포 명령이 담긴 README가 포함됩니다. 시크릿 값, 데이터베이스의 행, 업로드된 파일은 MonstarX에 남습니다. 모든 변경을 따라가는 사본이 필요하면 대신 GitHub 저장소를 연결하세요.

앱의 코드는 내 것입니다. 내보내기를 하면 코드 전체를 zip 파일로 받을 수 있습니다. 개발자가 열어서 노트북에서 실행하고, MonstarX 없이 배포할 수 있는 일반적인 웹 프로젝트입니다. 백업, 코드 검토, 개발팀에 앱을 넘길 때 활용하세요.

앱 코드는 어떻게 다운로드하나요?

프로젝트를 열고 작업 공간 상단의 설정을 클릭하세요.
내보내기를 선택하세요.
.zip 다운로드를 클릭하세요. MonstarX가 zip 파일을 만들고, 브라우저가 프로젝트 이름으로 저장합니다(예: lotus-flow-yoga.zip).

zip에는 무엇이 들어 있나요?

앱의 모든 파일: MonstarX가 계정, 데이터베이스, 이메일, 파일 저장소, AI를 위해 관리하는 파일과 이를 설명하는 MONSTARX.md도 포함됩니다.
프로젝트 설정: package.json, Vite와 TypeScript 설정, wrangler.jsonc(Cloudflare 설정 파일)가 들어 있어 바로 npm install을 실행할 수 있습니다.
데이터베이스 마이그레이션: 계정용 테이블을 포함해 모든 테이블을 만드는 명령입니다.
.dev.vars.example: 앱 시크릿의 이름이 들어 있습니다. 실행과 배포 명령을 설명하는 README도 함께 들어 있습니다.

zip에 들어 있지 않은 것은 무엇인가요?

시크릿 값, 앱 데이터베이스의 행, 사람들이 업로드한 파일은 zip에 포함되지 않고 MonstarX에 그대로 남습니다.

그래서 키와 앱 사용자의 데이터가 안전하게 보호됩니다. 앱 데이터는 데이터베이스에 그대로 있으며, 백엔드데이터베이스와 관리자 탭에서 확인할 수 있습니다.

내보낸 앱은 어떻게 실행하나요?

정확한 명령은 zip 안의 README에 있습니다. 간단히 말하면, Node.js가 설치된 개발자가 다음을 실행합니다.

npm install
cp .dev.vars.example .dev.vars   # then fill in the secrets
npm run db:migrate:local         # creates the tables in a local database
npm run dev                      # runs the app on their computer

개발자의 Cloudflare 계정에 공개하는 방법도 README에 단계별로 나옵니다. wrangler login, 데이터베이스 만들기, 마이그레이션 적용, 시크릿 추가, npm run deploy 순서입니다.

앱 데이터를 Supabase나 Railway Postgres에 보관한다면 README도 그 구성에 맞게 작성됩니다. 가져온 앱은 원래의 구성 그대로 내보내집니다.

zip과 GitHub 중 무엇을 써야 하나요?

zip은 지금 이 순간의 사본입니다. 반면 연결된 GitHub 저장소는 모든 변경을 양방향으로 따라갑니다. MonstarX가 만든 내용은 저장소로 푸시되고, 개발자가 저장소에 커밋한 내용은 프로젝트로 돌아옵니다. 항상 최신 상태인 사본이 필요하면 같은 페이지에서 GitHub 연결을 클릭하세요. GitHub을 참고하세요.

자주 묻는 질문

MonstarX가 작성한 코드는 내 소유인가요?

네. 내보내기로 코드 전체를 받을 수 있고, MonstarX 없이 실행하고 수정할 수 있습니다.

내보내기에 앱 사용자와 데이터도 포함되나요?

아니요. 시크릿 값, 데이터베이스 행, 업로드된 파일은 MonstarX에 남습니다. zip에는 테이블의 내용이 아니라 구조(마이그레이션)가 들어 있습니다.

프로젝트는 누가 내보낼 수 있나요?

소유자만 가능합니다. 프로젝트를 공유받은 사람은 다운로드할 수 없습니다.

코드는 어떤 프레임워크로 되어 있나요?

TanStack Start 앱입니다. React와 TypeScript에 서버 함수와 Tailwind CSS를 쓰며, Cloudflare Workers에서 실행되도록 설정되어 있습니다.

내보낸 앱도 이메일을 보내고 AI를 쓸 수 있나요?

이메일, 파일 저장소, AI용 파일은 포함되어 있습니다. MonstarX 밖에서는 설정 값을 채우거나 직접 고른 제공업체를 연결해야 합니다. 방법은 MONSTARX.md와 README에 설명되어 있습니다.