휴대폰으로 만들기

지하철에서 아이디어가 떠올랐나요? 그 자리에서 바로 만들 수 있습니다. MonstarX는 휴대폰 브라우저에서 작동하고, 한 손으로 쓰기 좋은 화면을 갖추고 있습니다. 앱을 설명하고 만들기를 탭한 다음 휴대폰을 주머니에 넣으세요. 빌드는 휴대폰이 아니라 MonstarX에서 진행되고, 끝나면 알림이 옵니다.

설치할 것은 없습니다. iPhone에서는 MonstarX를 홈 화면에 추가할 수 있고, 그러면 앱처럼 전체 화면으로 열립니다.

휴대폰에서 빌드를 시작하려면 어떻게 하나요?

1. 휴대폰 브라우저에서 monstarx.com을 열고 로그인하세요. 프로젝트 페이지가 열립니다.

2. 입력란을 탭하고 앱을 설명하세요. 휴대폰 키보드에는 Shift 키가 없어서 Enter 키를 누르면 줄이 바뀝니다. 다 썼으면 만들기를 탭하세요.

   

3. 만들기를 탭하세요. 프로젝트가 대화 화면으로 열리고, 빌드는 이미 진행되고 있습니다.

4. 탭을 닫거나, 다른 앱으로 전환하거나, 휴대폰을 잠그세요. 빌드는 계속됩니다.

휴대폰에서 요청을 보내면 MonstarX가 계획을 시작하고, 이 화면을 닫아도 된다는 카드가 나옵니다.

빌드 중에 정말 탭을 닫아도 되나요?

네. 모든 요청은 브라우저가 아니라 MonstarX 서버에서 실행됩니다. 만들기를 탭하는 순간 시작되는 첫 요청도 마찬가지입니다. MonstarX가 작업하는 동안 프롬프트 입력란 위에 이 화면을 닫아도 됩니다. MonstarX가 계속 작업합니다. 카드가 나오고, 알림 받기 버튼이 함께 표시됩니다.

다시 돌아오면 프로젝트가 어디까지 진행되었는지 보여 줍니다. 빌드가 아직 진행 중일 수도 있고, 앱이 완성되어 있을 수도 있습니다. 대기열에 넣어 둔 요청은 탭을 닫아도 차례로 자동 시작됩니다.

완료되면 알림을 받으려면 어떻게 하나요?

그 카드에서 알림 받기를 탭하고, 브라우저가 물어보면 알림을 허용하세요. 그다음부터는 내 프로젝트 중 어느 것이든 요청이 끝나면 이 기기로 알림이 옵니다. 설정 → 알림에서 알림을 켜고, 테스트하고, 기기를 삭제할 수도 있습니다. 알림을 참고하세요.

알림이 오는 경우	탭하면 열리는 곳
빌드 완료: 만든 내용과 함께 “요가 스튜디오 예약: 준비 완료”처럼 알려 줍니다	앱 미리보기
MonstarX의 질문: 계획 모드에서 만들기 전에 답변이 필요할 때	대화
빌드 중단됨: 빌드가 실패했거나, 요청 하나에 허용된 단계를 모두 써서 계속을 기다릴 때	대화
질문에 대한 답변: 대화 모드에서 앱에 관해 물은 질문에 답이 왔을 때	대화
미리보기 댓글: 프로젝트를 공유받은 사람이 미리보기에 댓글을 남겼을 때	댓글이 열린 미리보기

참고

다른 컴퓨터에 MonstarX 탭이 열려 있어도 알림이 옵니다. 집에 노트북을 켜 두고 나왔다고 결과를 놓치는 일은 없습니다. 기기에서 MonstarX에 로그아웃하면 그 기기로는 알림이 오지 않습니다.

iPhone이나 iPad에서 알림을 받으려면 어떻게 하나요?

iPhone과 iPad에서는 웹사이트를 홈 화면에 추가해야만 알림을 보낼 수 있습니다(iOS 16.4 이상). 탭 두 번이면 됩니다.

iPhone 및 iPad

1. Safari에서 monstarx.com을 열고 로그인하세요.

2. Safari 도구 막대에서 공유를 탭한 다음 홈 화면에 추가, 추가를 차례로 탭하세요.

3. 홈 화면에 새로 생긴 아이콘으로 MonstarX를 여세요. 앱처럼 전체 화면으로 열리고, 로그인 상태도 그대로 유지됩니다.

4. 설정 → 알림으로 가서(또는 빌드 중에 알림 받기를 탭해서) 알림을 켜세요.

Android

1. Chrome에서 monstarx.com을 열고 로그인하세요.

2. 빌드 중에 알림 받기를 탭하거나, 설정 → 알림으로 가서 켜기를 탭한 다음 알림을 허용하세요.

3. 선택 사항: Chrome 메뉴에서 홈 화면에 추가(또는 앱 설치)를 선택하면 아이콘을 눌러 MonstarX를 전체 화면으로 열 수 있습니다.

휴대폰에서는 프로젝트가 어떻게 보이나요?

노트북보다 좁은 화면(방향과 상관없이 휴대폰, 세로로 든 태블릿)에서는 대화와 미리보기를 나란히 보여 주는 대신 한 번에 화면 하나씩 보여 줍니다.

위에서부터 살펴보면 다음과 같습니다.

• 헤더: 전체 프로젝트로 돌아가는 ‹, 프로젝트 이름(탭하면 이름을 바꿀 수 있습니다), 그 아래에 MonstarX가 지금 하는 일(만드는 중…, 계획 중…, 응답 중…, 답변 대기 중, 대기열 중지됨 등)이나 미리보기 상태(미리보기 준비됨, 미리보기 시작 중…, 미리보기 절전 상태)가 표시됩니다. 오른쪽에는 보라색 X(루나에게 물어보기), 게시, 더 보기를 여는 •••가 있습니다.
• 화면 목록: 대화, 미리보기, 관리자, 코드, 백엔드, 로그, 보안, SEO/GEO, 소셜. 목록을 옆으로 밀면 모두 볼 수 있습니다. MonstarX가 작업하는 동안 다른 화면에 있으면 대화에 깜박이는 점이 표시됩니다.
• 선택한 화면: 나머지 공간을 모두 채웁니다.

대화에서 무언가 진행 중이면(빌드가 실행 중이거나 질문이 기다리고 있으면) 프로젝트가 대화 화면으로 열리고, 그렇지 않으면 미리보기 화면으로 열립니다. 빌드가 끝나면 미리보기에서 확인하세요를 눌러 바로 이동할 수 있습니다.

‘더 보기’ 시트에는 무엇이 있나요?

•••를 탭하면 컴퓨터에서 상단 바에 있는 모든 항목이 나옵니다. 시트는 아래에서 위로 올라오며, 아래로 밀거나 바깥을 탭하면 닫힙니다.

항목	여는 곳
버전	저장된 모든 버전 보기와 복원
자동 QA	실제 브라우저에서 앱 테스트
GitHub	코드를 저장소에 저장
공유	프로젝트를 보고 댓글을 남길 사람 초대
프로젝트 설정	이름, 모델, 주소, 공유 대상, 내보내기
알림	빌드가 끝나면 알림 받기
모든 프로젝트	프로젝트 페이지로 돌아가기
버그 신고	MonstarX 팀에 문제 알리기

모두 컴퓨터와 똑같은 패널을 엽니다. 그래서 휴대폰으로도 모든 작업을 할 수 있습니다.

휴대폰에서는 미리보기가 어떻게 다른가요?

휴대폰 자체가 휴대폰 크기 화면이므로 기기 너비 전환 버튼이 없습니다. 페이지를 넓게 보여 주려고 도구 모음에는 상태 점과 주소 표시줄만 남습니다. 나머지는 오른쪽의 메뉴 버튼(☰) 안에 있습니다. 편집, 캡처, 댓글, 새로고침, 개발 서버 다시 시작, 미리보기 링크 복사, 새 탭에서 열기가 들어 있습니다. 편집 모드에서는 두 손가락으로 페이지를 스크롤하세요. 한 손가락으로는 그림이 그려집니다. 앱이 아직 만들어지는 중이면 미리보기 카드에 대화에서 진행 상황 보기가 나옵니다.

또 다른 점이 있나요?

• 쓰다 만 메시지가 남아 있습니다. 화면을 바꾸거나, 태블릿을 옆으로 돌리거나, 새로고침해도 그대로입니다.
• 메뉴가 시트로 바뀝니다. 아래에서 올라오고, 손가락으로 누르기 쉽게 항목이 큽니다.
• 컴퓨터에서 마우스를 올려야 나오는 버튼(대기 중인 요청 옮기기·삭제, 기능 만들기·다시 열기 등)이 터치스크린에서는 항상 보입니다.
• 입력란 글자가 더 큽니다. 그래서 입력란을 탭해도 휴대폰 화면이 확대되지 않습니다.

자주 묻는 질문

App Store나 Google Play에 MonstarX 앱이 있나요?

아직 없습니다. MonstarX는 휴대폰 브라우저에서 실행됩니다. iPhone에서는 Safari에서 홈 화면에 추가하면 앱처럼 전체 화면으로 열립니다.

iPhone에서 알림이 오지 않는 이유는 무엇인가요?

iPhone과 iPad에서는 MonstarX를 홈 화면에 추가하고 거기서 열어야만 알림이 작동합니다(iOS 16.4 이상). Safari에서 공유 → 홈 화면에 추가로 추가하고, 아이콘으로 연 다음, 설정 → 알림에서 알림을 켜세요.

휴대폰이 잠기면 빌드가 멈추나요?

아니요. 빌드는 MonstarX 서버에서 실행됩니다. 휴대폰을 잠그거나, 탭을 닫거나, 신호가 끊겨도 멈추지 않습니다.

태블릿에서도 쓸 수 있나요?

네. 세로로 들면 화면을 하나씩 보여 주는 레이아웃이 나오고, 큰 태블릿을 가로로 돌리면 대화와 미리보기가 나란히 있는 컴퓨터 레이아웃이 나옵니다. 방향을 바꿔도 쓰던 메시지는 남아 있습니다.

휴대폰에서 게시할 수 있나요?

네. 휴대폰에서는 프로젝트 헤더에 게시가 있고, 컴퓨터에서와 똑같은 기능을 모두 할 수 있습니다.

관련 문서

알림알림을 켜고, 테스트하고, 기기를 관리합니다.

빠른 시작첫 앱을 단계별로 만들어 봅니다.

작업 공간 둘러보기컴퓨터에서 보는 전체 작업 공간.

대기열요청을 줄 세워 차례로 실행합니다.