빌드 지켜보기
핵심 요약MonstarX가 작업하는 동안 대화창에는 메시지가 실시간으로 나오고, 작업 단계는 구간마다 쉬운 말로 된 한 줄로 접힙니다. ‘추론 중…’ 줄에는 지금 무엇을 고민하는지 나옵니다. 볼 만한 화면이 생기기 전까지 미리보기에는 시계와 현재 단계가 있는 상태 카드가 나옵니다. 답변마다 끝에 토큰 사용량이 붙고, 이전 요청은 번호가 붙은 검색 가능한 스레드로 접히며, 계획 전체가 완성되면 마무리 카드가 나타납니다.
빌드를 따라가는 데 코드를 읽을 필요는 없습니다. 대화창이 MonstarX가 무엇을 하고 무엇을 바꿨는지 쉬운 말로 알려 주고, 기술적인 내용은 원할 때 클릭 한 번으로 볼 수 있게 접어 둡니다. 첫 순간부터 마지막 요약까지 보게 될 모든 것을 소개합니다.
MonstarX가 작업하는 동안 대화창에는 무엇이 나오나요?
섹션 제목: “MonstarX가 작업하는 동안 대화창에는 무엇이 나오나요?”요청 아래에 MonstarX의 답변이 쓰이는 대로 실시간으로 나타납니다. 답변은 네 가지로 이루어집니다.
- 지금 하는 일을 알리는 짧은 문장: “이제 스타일, 서버 함수, 공통 레이아웃, 페이지를 만듭니다.”
- 활동 줄: 파일 쓰기, 데이터베이스 업데이트, 앱 확인 같은 작업 구간을 하나씩 한 줄로 접은 것입니다.
- 카드: 기능 계획, 그리는 중인 사진, 빌드 확인, 질문, 서비스 연결 요청 등입니다. 카드는 접히지 않습니다. QA, 사진, 마무리, 데이터 이전처럼 오래 걸리는 카드가 작업 중일 때는 지금 하는 일이 회전하는 아이콘과 함께 대화창 맨 아래에 고정되므로, 위로 스크롤하지 않아도 볼 수 있습니다.
- 마무리 요약: 이제 앱이 무엇을 하는지, 무엇을 해 보면 좋을지, 다음에 무엇을 할 수 있을지 알려 줍니다.
답변 위의 작은 칩에는 답한 모델과 추론 수준이 나옵니다. 예: 자동 · Claude Sonnet 5 · 보통. 모델 선택하기를 참고하세요.
활동 줄은 무엇을 뜻하나요?
섹션 제목: “활동 줄은 무엇을 뜻하나요?”작업 구간이 진행 중일 때는 그 줄이 실시간으로 바뀝니다. 깜박이는 아이콘, 간단한 동사, 걸린 시간, 지금까지 바뀐 파일 수가 나옵니다. 예: 코드 작성 중… (0:42 · 파일 7개). 이 밖에도 ‘코드 읽는 중’, ‘데이터베이스 설정 중’, ‘앱 확인 중’, ‘페이지 확인 중’, ‘기능 계획 중’, ‘앱에 사용할 이미지 생성 중’ 같은 문구가 나옵니다.
구간이 끝나면 줄이 요약으로 바뀝니다. 예: 기능 4개 완성 · 파일 9개 생성, 파일 3개 업데이트 · 데이터베이스 업데이트 · 앱 점검 완료. 클릭하면 모든 단계가 파일 이름과 함께 나오고, 확인 보고서나 오류가 있으면 함께 표시됩니다.
‘추론 중…’ 줄은 무엇인가요?
섹션 제목: “‘추론 중…’ 줄은 무엇인가요?”어떤 모델은 무언가를 쓰기 전에 한동안 생각합니다. 그동안 대화창에는 추론 중…이 걸린 시간, 지금까지 생각한 분량과 함께 나옵니다. 그 아래에는 지금 무엇을 고민하는지 쉬운 말로 짧게 적힌 줄이 있습니다. 예: ‘요가 스튜디오 페이지와 수업 시간표 설계 중’. 이 줄은 생각이 진행되면서 바뀌며, MonstarX를 사용하는 언어로 쓰입니다.
자동 빌드 검사는 무엇인가요?
섹션 제목: “자동 빌드 검사는 무엇인가요?”빌드가 끝나면 MonstarX는 작업을 마쳤다고 하기 전에 앱의 모든 페이지가 여전히 컴파일되고 화면에 그려지는지 확인합니다. 자동 빌드 검사 카드에 그 과정이 나옵니다. 실행 중에서 통과(미리보기 가능과 함께) 또는 확인 필요로 바뀝니다. 부분별 소요 시간은 빌드 소요 시간을 클릭하면 볼 수 있습니다.
이 확인은 미리보기를 지키기 위한 것입니다. 회원가입, 예약, 결제처럼 사용자 흐름 전체를 실제 브라우저에서 테스트하는 일은 자동 QA가 따로 합니다.
기술 세부 정보은 무엇인가요?
섹션 제목: “기술 세부 정보은 무엇인가요?”MonstarX는 코드를 쓰지 않는 사람을 위해 답변을 씁니다. 파일 이름, 코드에서 바뀐 내용과 이유 같은 개발 메모는 코드를 바꾼 답변 끝의 기술 세부 정보 아래에 접혀 있습니다. 빌드 중간에 MonstarX가 스스로에게 코드 용어로 남긴 메모는 흐린 줄로 접히며, 클릭하면 읽을 수 있습니다.
답변 하나에 토큰을 얼마나 썼나요?
섹션 제목: “답변 하나에 토큰을 얼마나 썼나요?”끝난 답변마다 12만 입력 · 958 출력 같은 작은 줄이 붙습니다. 모델이 그 답변을 위해 읽고 쓴 토큰입니다. 마우스를 올리면 모델, 추론 수준, 걸린 단계 수가 나옵니다. 전체 사용량은 프롬프트 입력란 옆의 링에 나옵니다. 사용량과 한도를 참고하세요.
빌드 중에 미리보기에는 무엇이 나오나요?
섹션 제목: “빌드 중에 미리보기에는 무엇이 나오나요?”볼 만한 화면이 생기기 전까지 미리보기에는 빈 페이지나 덜 만들어진 페이지 대신 상태 카드가 나옵니다. 카드에는 지금 무슨 일이 일어나는지가 시계와 함께 표시됩니다.
| 카드 문구 | 지금 일어나는 일 |
|---|---|
| 미리보기 시작 중… | 앱의 미리보기를 시작하는 중입니다. 처음 시작할 때는 1분 정도 걸릴 수 있습니다. |
| 앱을 만드는 중… | MonstarX가 만드는 중이며, 현재 단계가 함께 나옵니다. 예: ‘코드 작성 중… · 파일 3개’ |
| 앱을 계획하는 중… | MonstarX가 기능 계획이나 질문을 쓰는 중입니다. |
| 답변 대기 중 | 대화창에 계획 모드 질문이 열려 있습니다. |
| 대화에서 답변하는 중… | 대화 모드의 답변을 쓰는 중이며 아직 만들어진 것은 없습니다. |
| 앱을 여는 중… | 첫 실제 페이지가 준비되어 불러오는 중입니다. |
| 아직 미리 볼 항목이 없습니다 | 아직 만들어진 것이 없습니다. 대화창에서 앱을 설명하세요. |
카드 아래의 미리보기 로그를 누르면 앱 서버가 출력하는 내용이 열립니다. 무언가가 평소보다 오래 걸릴 때 유용합니다.
미리보기에 왜 쓰다 만 페이지가 나오지 않나요?
섹션 제목: “미리보기에 왜 쓰다 만 페이지가 나오지 않나요?”빌드는 앱을 파일 하나씩 쓰기 때문에, 파일과 파일 사이에 페이지가 잠깐 깨지는 일이 많습니다. 빌드가 진행되는 동안 MonstarX는 페이지가 실제로 그려질 때까지 카드를 띄워 두고, 무엇을 기다리는지 알려 줍니다. 예: ‘현재 앱을 컴파일할 수 없습니다. 컴파일이 완료되면 미리보기가 표시됩니다.’ 페이지 자체의 오류를 보려면 현재 페이지에 표시된 내용을, 그래도 페이지를 보려면 그래도 페이지 보기를 클릭하세요.
빌드 뒤에 페이지가 깨지면 미리보기가 조용히 스스로 다시 불러옵니다(페이지 복구 중…). 그래도 해결되지 않으면 카드에 페이지가 렌더링되지 않습니다라고 표시되고 계속 확인합니다. 그래서 대화창에서 수정을 요청하면 수정된 페이지가 저절로 나타납니다.
Monstar Run은 무엇인가요?
섹션 제목: “Monstar Run은 무엇인가요?”기다리는 시간이 덜 지루하도록 상태 카드 아래에 있는 작은 게임입니다. 직접 하기 전까지는 데모 모드로 혼자 플레이합니다. Space 키를 누르거나 게임을 클릭 또는 탭하면 블록을 뛰어넘습니다. 최고 점수는 이 브라우저에 저장됩니다. 앱이 준비되는 순간 미리보기가 게임을 대신합니다.
이전 요청은 어떻게 찾나요?
섹션 제목: “이전 요청은 어떻게 찾나요?”요청과 답변은 하나의 스레드를 이룹니다. 최신 스레드만 열려 있고, 새 요청을 보내면 이전 스레드가 두 줄로 접힙니다.
- 종류별 색이 입혀진 번호: 만들기는 회색, 대화는 파란색, 계획은 보라색, QA 수정은 주황색입니다.
- 입력한 그대로의 요청과 시간
- 결과(‘기능 6개 완성 · 파일 11개 변경됨’, ‘중지됨’, ‘실패’, ‘질문 4개 전달함’)와 답변의 첫 문장
스레드를 클릭하면 그 자리에서 열립니다. 스레드가 세 개 이상이면 대화창 맨 위에 검색창이 생깁니다. 입력한 단어가 모두 요청, 답변, 파일 이름, 기능, 질문에 대한 답 중 어딘가에 있어야 검색됩니다. 일치하는 부분은 강조 표시되며, 결과를 클릭하거나 Enter 키를 누르면(가장 최근 결과) 그곳으로 이동합니다. 대화가 여러 날에 걸쳐 있으면 날짜 구분선(오늘, 어제, 요일)이 나타나고, 최신 버튼을 누르면 맨 아래로 돌아갑니다.
모든 기능을 만들면 어떻게 되나요?
섹션 제목: “모든 기능을 만들면 어떻게 되나요?”계획의 모든 기능이 완성되면 MonstarX가 마무리 카드를 올립니다.
- 모든 기능을 만들고 테스트했습니다: 이 버전에서 QA를 실행했고 통과했습니다.
- 계획한 기능을 모두 만들었습니다: 이 버전은 아직 QA가 테스트하지 않았습니다(‘QA는 아직 실제 브라우저에서 이 버전을 테스트하지 않았습니다.’). QA를 쓸 수 있으면 QA 실행 버튼이 함께 나옵니다.
- 계획한 기능을 모두 만들었습니다. 문제 1개 미해결: QA가 끝났지만 문제가 남았습니다. 한 번 더 수정하기를 누르면 다시 시도합니다.
다음에 해 볼 만한 것 아래에는 앱에 어울리는 기능이 3~5개 나옵니다. 추가를 누르면 계획에 들어가고(모두 추가 버튼은 모든 아이디어를 넣습니다), 만들기를 누르면 추가한 기능을 만들기 시작합니다. 아이디어는 선택 사항입니다. 대화창에서 다른 것을 요청해도 됩니다.
MonstarX가 왜 끝내기 전에 멈췄나요?
섹션 제목: “MonstarX가 왜 끝내기 전에 멈췄나요?”요청 하나는 최대 40단계까지 진행할 수 있습니다. 작업을 끝내기 전에 단계를 다 쓰면 답변에 ‘MonstarX가 요청당 최대 단계 수인 40단계 후에 멈췄습니다. 작업은 아직 끝나지 않았지만 지금까지의 작업은 모두 저장되었습니다. 계속을 눌러 멈춘 지점부터 진행하세요.’라는 문구와 계속 버튼이 나옵니다.
데모 계정 카드는 무엇인가요?
섹션 제목: “데모 계정 카드는 무엇인가요?”앱에 로그인 기능이 있으면 MonstarX가 바로 써 볼 수 있도록 테스트 사용자를 만듭니다. 데모 계정 준비됨 카드에 이메일과 비밀번호가 복사 버튼과 함께 나옵니다. 같은 사용자는 관리자 → 사용자에도 나타나고, 백엔드 → 사용자의 목록에도 있습니다.
자주 묻는 질문
섹션 제목: “자주 묻는 질문”빌드 중에 탭을 닫아도 되나요?
네. 빌드는 MonstarX 서버에서 실행되므로 탭을 닫아도 계속됩니다. 끝났을 때 알림을 받으려면 알림 받기를 누르세요. 빌드 중에도 계속 작업하기를 참고하세요.
빌드는 얼마나 걸리나요?
작은 변경은 1~2분, 완전히 새로운 앱은 보통 몇 분이 걸립니다. 상태 카드와 각 활동 줄의 시계에 지금까지 걸린 시간이 나옵니다.
어떤 파일이 바뀌었는지 정확히 어디서 볼 수 있나요?
활동 줄을 클릭하면 단계가 파일 이름과 함께 나옵니다. 답변 아래의 기술 세부 정보을 열거나 코드 탭에서 확인할 수도 있습니다.
답변 아래의 ‘입력’과 ‘출력’은 무슨 뜻인가요?
모델이 그 답변을 위해 읽은 토큰(입력)과 쓴 토큰(출력)으로, 작업량을 나타냅니다. 마우스를 올리면 모델, 추론 수준, 단계 수가 나옵니다.
상태 카드가 오래 떠 있습니다. 어떻게 해야 하나요?
카드 아래의 미리보기 로그를 열어 앱 서버가 무엇을 출력하는지 확인하세요. 미리보기가 멈춘 것 같으면 미리보기 도구 모음의 ⟲(개발 서버 다시 시작)를 클릭하세요. 미리보기를 참고하세요.