AI로 만든 수업용 웹앱, 이제 ZIP으로 올리고 한글 주소로 공유하세요 — 숏.한국 업데이트
카테고리: 에듀테크 | 작성자: 티쳐✨
“AI로 수업용 퀴즈를 만들었는데, 학생들에게 어떻게 보여주죠?” 바이브 코딩으로 작은 웹앱을 만든 뒤, 공유할 주소가 없어 멈췄던 선생님께 소식을 전합니다. 숏.한국에서 ZIP 웹페이지 업로드를 지원합니다. 지금까지는 HTML 파일 하나를 올렸다면, 이제는 index.html과 CSS·JavaScript·이미지를 함께 압축해 올릴 수 있습니다. 완성한 웹페이지를 기억하기 쉬운 한글 단축 주소로 나눠보세요. 👉 숏.한국 바로가기 어떤 것을 올릴 수 있나요? 버튼을 누르면 정답을 확인하는 수업용 퀴즈 입력한 값에 따라 결과가 바뀌는 학습 계산기 간단한 미니게임과 인터랙티브 학습 자료 이미지와 디자인을 담은 수업·행사 안내 페이지 핵심은 방문자의 브라우저에서 실행되는 정적 웹앱 이라는 점입니다. 화면뿐 아니라 JavaScript로 만든 상호작용도 동작합니다. 사용 방법은 세 단계입니다 파일 준비: index.html과 필요한 CSS·JS·이미지를 같은 폴더에 넣습니다. ZIP 압축: 파일들을 압축하거나 폴더째 압축합니다. index.html은 ZIP 최상위 또는 하나의 공통 폴더 안에 있어야 합니다. 주소 만들기: 숏.한국의 웹페이지(HTML) 탭에서 ZIP을 선택하고 단축 코드를 정합니다. 압축파일과 압축 해제 후 전체 용량 모두 최대 10MB, 최대 500개 파일 을 지원합니다. 기존 HTML 파일 업로드와 코드 직접 입력도 계속 사용할 수 있습니다. React·Vite로 만든 앱도 가능한가요? 네, 정적 빌드 결과물 이라면 가능합니다. 예를 들어 Vite 프로젝트에서 npm run build를 실행해 만든 dist 폴더를 압축해 올리면 됩니다. src·node_modules 등이 있는 개발용 프로젝트 전체를 그대로 올리는 방식은 아닙니다. Node.js·Express·PHP 서버나 서버 렌더링을 실행하는 서비스는 아닙니다. Next.js도 정적 파일로 내보낸 결과물에 한해 사용할 수 있습니다. 저장 기능이 있는 앱은 확인해 주세요 ZIP 웹페이지는 숏.한국의 로그인 정보를 보호하기 위해 격리된 환경에서 실행됩니다. 쿠키·localStorage·서비스 워커를 사용할 수 없고 , 외부 API는 CORS 접근을 허용해야 합니다. 예를 들어 퀴즈를 풀고 점수를 보여주는 것은 가능하지만, localStorage에 점수를 저장해 다음 방문 때 불러오는 기능은 작동하지 않습니다. 회원의 본인 코드로 만든 웹페이지는 삭제 전까지 보관하고, 비회원·임시 주소는 선택한 기간 동안 제공합니다. 대시보드에서 HTML이나 ZIP을 새 파일로 교체할 수 있으며 비밀번호 보호도 지원합니다. 처음이라면 첨부한 샘플부터 올려보세요 첨부한 today-tasks.zip 은 HTML·CSS·JavaScript를 분리한 약 3KB의 작은 할 일 목록 앱입니다. 할 일 추가·완료 체크·삭제를 해볼 수 있으며, 새로고침하면 초기화됩니다. 압축을 풀지 않고 웹페이지 탭에 그대로 올려보세요. AI에게는 이렇게 부탁해 보세요 숏.한국에 ZIP으로 올릴 수업용 정적 웹앱을 만들어줘. index.html과 CSS·JS를 포함하고 전체 10MB 이하로 해줘. 서버, 쿠키, localStorage, 서비스 워커 없이 동작하게 만들어줘. React를 쓰면 정적 빌드 결과인 dist도 만들어줘. 작은 퀴즈 하나, 계산기 하나부터 나눠보셔도 좋겠습니다. 선생님은 어떤 웹앱을 올려보고 싶으신가요? 사용해 보신 경험과 필요한 기능을 댓글로 알려주세요. 🌐 숏.한국에서 웹페이지 올리기 📖 사용 가이드 보기