4단계 안내

내 첫 웹 앱.

올리기 화면으로 →

1 · Codex 만들기

업로드 화면의 Codex 요청 복사를 눌러 Codex에 붙여 넣고 앱을 만들어 달라고 해요.

시작 파일 이름은 index.html. HTML·CSS·JS로 만들어요.

2 · ZIP 만들기

Windows에서는 프로젝트 폴더 안에서 index.html과 필요한 파일을 선택 → 마우스 오른쪽 버튼 → ZIP 파일로 압축. 부모 폴더 전체 대신 안의 파일을 선택해요.

index.html과 필요한 파일을 함께 압축해요. 빌드 도구를 썼다면 완성된 정적 출력물만 넣어요.

node_modules, 숨김 파일, 비밀키, 설정파일, 서버 코드는 빼세요.

3 · 올리기

체험 모드에서는 ZIP 선택 → ZIP 올리기. 일반 모드에서는 선생님이 준 토큰을 먼저 입력해요.

체험 앱은 공개됩니다. 이름·연락처·사진 등 개인정보는 넣지 마세요.

같은 탭에서 ZIP을 다시 올리면 같은 주소로 갱신돼요. 수정 권한은 브라우저 탭에만 저장됩니다. 탭을 닫거나 권한을 지우면 복구할 수 없고 새 주소가 필요할 수 있어요.

선생님이 체험 모드를 끄면 신규 업로드와 체험 앱 수정은 중지되지만 공개 링크는 계속 열려요.

4 · 휴대폰에서 열기

업로드 결과의 QR을 찍거나 링크를 열어요.

홈 화면 추가는 휴대폰 브라우저 메뉴에서. 설치에는 HTTPS와 앱의 manifest·아이콘 등 조건이 필요해요.

안 될 때

최상위 index.html과 올바른 ZIP인지 확인해요. 체험 모드에는 앱 자체 용량 제한이 없지만 서버 디스크·네트워크의 물리적 한계는 있어요. 일반 모드는 ZIP 10 MiB / 200개 이하입니다.

외부 CDN·API는 연결할 수 없어요. 필요한 파일을 ZIP에 넣으세요.

바꾼 앱이 안 보이면 앱을 새로고침하세요. 직접 만든 서비스 워커 캐시는 코드에서 갱신해야 해요.