모든 프로젝트를 위한 전용 워크스페이스와 실시간 미리보기

Mythex의 모든 프로젝트에는 자체 비공개 클라우드 워크스페이스가 주어집니다. 파일, 실행 중인 프로세스, 미리보기, 터미널이 다른 사람의 것과 분리되어 있습니다. 워크스페이스 오른쪽에는 채팅하는 동안 앱이 실시간으로 실행되는 모습이 보이므로, 앱을 직접 눌러 보고, 휴대폰 크기로 확인하고, 아직 게시하기 전이라도 링크로 공유할 수 있습니다.

무엇을 하나요

프로젝트마다 워크스페이스

Mythex가 앱을 만들 때는 허공에 코드를 쓰는 것이 아닙니다. 그 프로젝트만을 위한 비공개 워크스페이스 안에서 작업합니다. 패키지가 설치되고, 앱의 서버가 실행되며, Code로 전환할 때 터미널이 열리는 곳이 바로 여기입니다.

프로젝트마다 워크스페이스가 따로 있기 때문에 다음과 같은 점이 보장됩니다.

설치와 서버가 다른 사람의 것과 충돌하지 않습니다.
Mythex는 그 프로젝트를 위해 안전하게 패키지를 설치하고 앱을 실행할 수 있습니다.
미리보기와 터미널은 항상 내 프로젝트를 가리킵니다.

채팅 옆의 실시간 미리보기

워크스페이스 오른쪽은 Preview와 Code 사이를 전환합니다. Preview는 앱이 실행되는 모습을 보여 줍니다. 스크린샷이나 목업이 아니라 실제로 돌아가는 앱입니다. 실제 흐름을 눌러 보고, 양식을 채우고, 페이지 이동을 따라가며, 게시하기 전에 문제를 찾아낼 수 있습니다.

Code에서는 같은 비공개 워크스페이스 안에서 파일 트리, 편집기, 대화형 터미널을 사용할 수 있습니다. 정밀한 작업이 필요하거나 개발자가 프로젝트에 합류했을 때 유용합니다.

왜 중요한가요

코드만 보여 주는 앱 빌더는 결과를 상상해 보라고 요구합니다. 그림만 보여 주는 빌더는 버튼이 실제로 작동하는지 숨깁니다. 자신만의 공간에서 실행되는 앱은 여러분이 실제로 가진 질문, 즉 "내가 요청한 대로 작동하나?"에 답합니다.

워크스페이스를 비공개로 두는 것도 같은 이유입니다. 에이전트가 무언가를 설치하거나 서버를 다시 시작하면 그 영향은 여러분의 프로젝트에만 미치고, 다른 누가 무엇을 하든 여러분의 프로젝트가 깨지지 않습니다.

일시 정지와 깨우기

사용하지 않는 워크스페이스는 스스로 일시 정지합니다. 필요한 순간에 다시 돌아옵니다. 프로젝트를 열거나, 채팅하거나, 편집하거나, 미리보기를 불러오면 워크스페이스가 깨어납니다. 실행 중이던 프로세스도 함께 복원되므로 다시 시작할 것이 없습니다.

깨어나는 데는 몇 초가 걸립니다. 그동안 미리보기 패널에는 어디까지 진행되었는지가 표시됩니다. 샌드박스를 준비하는 중인지, 앱 서버를 기다리는 중인지 알려 주며, 기다리는 동안 Mythex가 무엇을 할 수 있는지 팁도 보여 줍니다. Starting your workspace…, Starting your app…, Getting your app ready… 같은 문구가 보일 수 있습니다. 모두 정상입니다.

일시 정지 후에도 유지되는 것은 다음과 같습니다.

프로젝트 파일과 기록
프로젝트 설정과 시크릿
게시된 앱(비공개 워크스페이스와는 별도로 실행됩니다)

미리보기 사용 방법

프로젝트를 엽니다. 워크스페이스가 깨어나면서 미리보기가 자동으로 시작됩니다.
방문자처럼 눌러 봅니다. 양식과 내비게이션을 시험해 봅니다.
특정 페이지로 이동하려면 주소창에 /about 같은 경로를 입력하고 Enter를 누릅니다. Back과 Forward로 이번 세션에서 연 페이지들을 오갈 수 있습니다.
휴대폰 크기를 확인합니다. 휴대폰 아이콘(Switch to Mobile)을 누르면 앱의 휴대폰 크기 화면이 나옵니다. 가장자리를 좌우로 끌어서 너비를 바꿀 수 있습니다. 거의 전체 너비까지 끌었다가 놓으면 데스크톱 보기로 돌아갑니다.
패널 크기를 조절합니다. 채팅과 미리보기 사이의 구분선을 끌어 크기를 바꿉니다. 패널 아이콘을 누르면 채팅을 숨기거나 다시 표시합니다.
필요하면 같은 바에서 Open in new tab이나 Refresh를 사용합니다.

프로젝트에 서비스가 두 개 이상 있다면, 바에 있는 드롭다운에서 어느 서비스를 미리볼지 고를 수 있습니다.

휴대폰에서는 빌더가 한 번에 한 패널(채팅 또는 앱)만 보여 주며, 스와이프하거나 탭해서 둘 사이를 이동합니다. 미리보기는 그 자체로 이미 전체 너비이므로, 앱이 휴대폰 크기에서 어떻게 보이는지 확인하려면 노트북에서 Switch to Mobile을 사용하세요.

미리보기 링크 공유

게시 버튼 옆의 Share는 Mythex 계정이 없는 사람도 프로젝트의 실시간 미리보기를 열 수 있는 링크를 만듭니다. 아직 끝나지 않은 결과물을 고객, 팀원, 그룹 채팅에 보여 줄 때 사용하세요. 완성되지 않은 것을 게시하지 않고도 보여 줄 수 있습니다.

Create new preview link를 누르면 이름을 붙이라고 요청하고, 링크를 클립보드에 복사합니다. 이름은 여러분에게만 보이므로, 링크 목록은 곧 대상 목록처럼 읽힙니다.
Copy로 나중에 링크를 다시 복사할 수 있습니다.
Delete는 모든 곳에서 몇 초 안에 링크가 작동하지 않도록 합니다.

링크를 가진 사람은 Preview에서 보는 것과 똑같은 앱만 봅니다. 채팅, 코드, 터미널, 설정, 편집 기능은 없습니다. 대상마다 링크를 하나씩 만들면, 하나를 삭제하는 결정이 그 대상에만 영향을 줍니다.

알아 둘 한계

공유 링크를 처음 열 때 최대 1분이 걸릴 수 있습니다. 프로젝트가 깨어나고 앱 서버가 처음부터 시작되는 동안 방문자는 앱이 응답할 때까지 스스로 새로고침되는 페이지를 보게 됩니다. 라이브로 시연한다면 미리 1분 전에 직접 링크를 열어 두세요.
공유 링크는 실시간 샌드박스를 보여 줍니다. 빌드 중간의 변경도 그대로 보입니다.
워크스페이스를 깨우는 데는 요금제의 크레딧과 샌드박스 한도가 사용됩니다. 직접 열든 링크를 가진 사람이 열든 마찬가지입니다. 더 이상 필요 없는 링크는 삭제하세요.
휴대폰 크기 화면은 반응형 웹 레이아웃을 확인하기 위한 것입니다. 2026년 10월 22일부터 Pro 요금제에서는 웹 앱을 Android 및 iPhone 앱으로 감쌀 수도 있습니다(모바일 앱 참고).
미리보기가 비어 있거나 오래된 내용이라면, 터미널에서 앱이 실행 중인지 확인하고, Refresh를 누르거나 /fix를 사용하세요. 워크스페이스가 깨어나지 않으면 새로고침 후 다시 시도하고, 계속 문제가 있으면 프로젝트 ID와 함께 지원팀에 문의하세요.

에이전트가 대신 미리보기를 눌러 보기를 원한다면 앱 테스트를 참고하세요. 라이브 사이트가 아닌 다른 곳에서 변경을 먼저 시험해 보는 이유는 스테이징 환경 가이드에서 확인할 수 있습니다.

자세한 내용은 문서에 있습니다. 비공개 워크스페이스와 Preview 및 Code를 참고하세요.