MonstarX 작동 방식

MonstarX는 작은 소프트웨어 팀이 하는 일을 대신합니다. 무엇을 만들지 계획하고, 코드를 작성하고, 실행하고, 점검하고, 온라인에 공개합니다. 이 페이지에서는 각 단계를 쉬운 말로 설명합니다. 기다리는 동안 무슨 일이 일어나는지, 단계마다 무엇을 할 수 있는지 알 수 있습니다.

앱이 만들어지는 과정

1설명

필요한 것을 내 말로 설명합니다

2계획

기능 체크리스트

3만들기

코드, 데이터베이스, 사진

4미리보기

실시간으로 실행되는 내 앱

5테스트

실제 브라우저가 클릭하며 확인합니다

6게시

고유 주소로 온라인 공개

7개선

대화하고, 가리키고, 반복합니다

3단계부터 7단계는 변경을 요청할 때마다 반복됩니다. 하나씩 살펴보겠습니다.

1. 설명

모든 것은 요청에서 시작합니다. 앱이 무엇을 위한 것이고 사람들이 그 앱에서 무엇을 하는지 한두 문장으로 적으면 됩니다. 그림, 문서, 스프레드시트, Figma 디자인을 함께 넣을 수 있고, MonstarX가 어떻게 시작할지도 고를 수 있습니다.

누르는 버튼	먼저 일어나는 일
만들기	MonstarX가 바로 만들기 시작합니다. 빠진 부분은 적절한 선택으로 채웁니다.
계획하기(먼저 계획을 켰을 때)	MonstarX가 몇 가지 질문을 합니다. 질문은 하나씩 나오고 각각 추천 답변이 있으며, 답을 마치면 만들기 시작합니다.
만들기(먼저 디자인을 켰을 때)	완성품처럼 보이는 첫 화면 몇 가지가 먼저 나오고, 마음에 드는 디자인을 고릅니다.

앱 설명하기와 요청 작성 팁을 참고하세요.

2. 계획

새 앱이거나 기능이 여러 개인 요청이면 MonstarX가 먼저 기능 계획을 씁니다. 무엇을 만들지 번호를 매겨 정리한 짧은 체크리스트입니다. 계획은 대화 맨 위의 기능 아래에 있고, 몇 개가 완성되었는지 보여 주는 막대가 함께 표시됩니다. 기능을 직접 추가하거나, 빼거나, 다시 열거나, 하나만 골라 만들 수도 있습니다.

기능 계획을 참고하세요.

3. 만들기

앱을 만드는 AI 에이전트(MonstarX 에이전트)가 계획에 따라 기능을 하나씩 만듭니다. 기능마다 지금 있는 내용을 읽고, 앱 파일을 작성하고 고치고, 필요한 데이터베이스 테이블을 설정하고, 페이지가 여전히 잘 작동하는지 확인합니다. 작업하면서 앱에 들어갈 사진을 그리기도 합니다.

대화에는 이 과정이 실시간으로 표시됩니다. 작업 구간마다 “파일 4개 생성 · 파일 2개 읽음”, “기능 1개 완성 · 데이터베이스 업데이트”처럼 한 줄로 접혀 보이고, 클릭하면 각 단계를 하나하나 볼 수 있습니다.

어떤 AI 모델이 작업할까요? 기본값인 자동으로 두면 MonstarX가 요청마다 알맞은 모델과 추론 수준을 고르고, 답변에 어떤 것을 골랐는지 표시합니다. 직접 고를 수도 있습니다. 모델 선택하기를 참고하세요.

빌드는 브라우저가 아니라 MonstarX에서 실행됩니다. 탭을 닫거나 휴대폰을 잠가도 빌드는 계속되고, 끝나면 알림을 받을 수 있습니다. 빌드 중에 보낸 요청은 대기열에서 기다렸다가 자동으로 시작됩니다. 빌드 지켜보기와 대기열을 참고하세요.

참고

아주 큰 요청은 요청 하나에 허용된 단계를 모두 쓸 수도 있습니다. 그래도 잃는 것은 없습니다. 그때까지 한 작업은 모두 저장되고, MonstarX가 이어서 작업할 수 있도록 계속 버튼을 보여 줍니다.

4. 미리보기

앱은 전용 안전한 클라우드 컴퓨터에서 실행되고, 미리보기 탭에서 실시간으로 보입니다. 그림이 아니라 진짜 앱입니다. 빌드가 파일을 작성하는 동안 MonstarX는 반쯤 만들어진 페이지를 숨기고 대신 상태 카드를 보여 줍니다. 그래서 페이지가 제대로 작동할 때 비로소 앱이 보입니다.

• 데스크톱, 태블릿, 휴대폰 너비로 바꿔 볼 수 있습니다.
• 방문자처럼 클릭하고 입력할 수 있습니다.
• 편집이나 캡처로 원하는 곳을 가리키며 변경을 요청할 수 있습니다.

20분 동안 아무도 쓰지 않은 미리보기는 절전 상태가 됩니다. 다시 돌아오면 먼저 저장된 페이지 사본이 보이고, 마우스를 움직이거나 클릭하는 즉시 실제 앱이 다시 깨어납니다. 미리보기를 참고하세요.

5. 테스트

MonstarX는 만드는 동안 계속 점검합니다. 기능 하나를 만들고 나면 페이지가 제대로 표시되는지 확인합니다. 더 꼼꼼하게 확인하고 싶다면 자동 QA를 실행하세요. MonstarX가 앱을 바탕으로 테스트 계획을 쓰고, 클라우드 브라우저가 실제 고객처럼 회원가입, 예약, 결제를 클릭하며 진행합니다. 실행할 때마다 녹화본이 남습니다. 큰 변경 뒤에는 MonstarX가 QA 실행을 제안하고, 시작하기 전에 먼저 물어봅니다. QA 테스트를 참고하세요.

보안 탭은 앱의 보안 취약점을 검사하고, SEO/GEO 탭은 검색 엔진과 AI 어시스턴트에게 앱이 어떻게 보이는지 확인합니다. 보안 검사와 SEO와 GEO를 참고하세요.

6. 게시

게시하기 전에는 나, 프로젝트를 공유한 사람, 미리보기 링크를 받은 사람만 앱을 볼 수 있습니다. 게시를 누르면 앱의 프로덕션 사본을 만들어 고유 주소(your-app.monstarx.app)로 인터넷에 공개합니다. HTTPS가 적용되고, Cloudflare의 글로벌 네트워크에서 서비스됩니다. 내 도메인을 추가할 수도 있습니다.

게시는 지금 이 순간의 앱을 스냅샷으로 남깁니다. 미리보기에서 얼마든지 계속 작업해도 됩니다. 공개된 사이트는 다시 게시를 클릭할 때만 바뀝니다. 앱 게시하기를 참고하세요.

7. 계속 개선하기

앱에는 끝이 없습니다. 다음 기능을 요청하거나, 고객이 알려 준 문제를 고치거나, 계획한 기능을 모두 만들었을 때 MonstarX가 제안하는 다음에 해 볼 만한 것 중 하나를 고르세요. 아이디어에서 추가를 클릭하고(전부 넣으려면 모두 추가), 만들기를 누르면 됩니다. 모든 요청은 계획, 만들기, 미리보기, 테스트, 게시라는 같은 순환을 거칩니다.

버전이란 무엇인가요?

빌드가 끝나거나, 코드 탭에서 저장하거나, 복원하는 등 앱 코드가 바뀔 때마다 MonstarX는 버전을 저장합니다. 그 순간의 앱 코드 전체를 담은 스냅샷입니다. 대화 요청과 계획 요청은 아무것도 바꾸지 않으므로 버전을 남기지 않습니다. 프로젝트 맨 위의 버전을 열면 최신순으로 볼 수 있고, 복원을 클릭하면 그 버전으로 돌아갑니다. 복원하면 현재 코드가 바뀌지만, 앱 데이터(사용자, 예약, 주문)는 바뀌지 않습니다.

버전을 참고하세요.

MonstarX Cloud란 무엇인가요?

모든 앱에는 페이지 말고도 필요한 것이 있습니다. 데이터를 보관할 곳, 로그인 방법, 이메일, 업로드 같은 것들입니다. MonstarX Cloud는 이 모든 것을 앱마다 바로 쓸 수 있게 제공합니다. 설정할 것도, 붙여 넣을 키도 없습니다.

서비스	앱이 받는 것
데이터베이스	앱 전용 데이터베이스. 미리보기와 게시된 앱이 같은 데이터를 씁니다.
사용자 계정	앱 사용자를 위한 회원가입, 로그인, 비밀번호 재설정
이메일	your-app@monstarx.app처럼 앱 고유 주소에서 보내는 이메일
파일 저장소	업로드한 사진과 문서
AI	앱 안에서 쓰는 텍스트, 답변, 이미지, 웹 검색
지도	키 없이 쓰는 지도와 위치 핀
시크릿	연결한 서비스의 키를 암호화해 보관하며, 코드에는 절대 쓰지 않습니다

백엔드 탭에서 이 모든 것을 보고 관리할 수 있습니다. 원하면 직접 가진 계정으로 바꿀 수도 있습니다. 예를 들어 데이터베이스는 Supabase로, 이메일은 내 도메인으로 바꿀 수 있습니다. MonstarX Cloud를 참고하세요.

보이지 않는 곳에서는 무슨 일이 일어나나요?

내가 하는 일	MonstarX가 하는 일
만들기를 누른다	프로젝트를 만들고, 서버에서 곧바로 요청 작업을 시작합니다.
기다린다	미리보기를 실행하는 안전한 클라우드 컴퓨터에서 앱 파일을 읽고, 쓰고, 점검합니다.
탭을 닫는다	계속 작업합니다. 돌아오면 결과가 기다리고 있습니다.
빌드 중에 다른 요청을 보낸다	대기열에 넣었다가 앞의 빌드가 끝나면 시작합니다. 대화와 계획 질문에는 빌드와 별개로 바로 답합니다.
빌드를 마친다	버전을 저장하고, 프로젝트 페이지의 대표 이미지를 업데이트하고, 다음에 만들 것을 제안합니다.
게시를 누른다	프로덕션 사본을 만들어 온라인에 공개합니다.
GitHub을 연결한다	변경 사항을 저장소에 커밋으로 하나씩 저장하고, 저장소에서 고친 내용은 다음 동기화 때 가져옵니다.

자주 묻는 질문

MonstarX가 만드는 동안 컴퓨터를 켜 두어야 하나요?

아니요. 빌드는 MonstarX 서버에서 실행됩니다. 탭을 닫거나 컴퓨터를 꺼도 되고, 돌아와서 결과를 확인하면 됩니다.

MonstarX가 작성한 코드를 볼 수 있나요?

네. 코드 탭에서 모든 파일을 보고, 편집하고, 저장할 수 있습니다. 프로젝트를 내보내거나 GitHub에 저장할 수도 있습니다.

미리보기와 게시된 앱은 같은가요?

같은 앱입니다. 다만 미리보기는 빌드가 끝날 때마다 바뀌지만, 게시된 앱은 다시 게시를 클릭할 때만 바뀝니다. 둘은 같은 데이터베이스를 씁니다.

버전을 복원하면 앱 데이터가 지워지나요?

아니요. 복원은 코드만 바꿉니다. 앱의 사용자, 예약 등 다른 데이터는 그대로 남습니다.

MonstarX는 무엇으로 앱을 만드나요?

표준적인 최신 웹 기술 스택인 TanStack Start, React, TypeScript와 SQL 데이터베이스로 만듭니다. 웹 개발자라면 누구나 이어받아 작업할 수 있습니다.

관련 문서

빠른 시작몇 분 만에 첫 앱을 만듭니다.

빌드 지켜보기MonstarX가 작업하는 동안 대화 읽는 법.

모드만들기, 계획, 대화 모드와 각각 언제 쓰는지.

MonstarX Cloud모든 앱에 기본으로 딸린 백엔드.