MOTIFEX
업로드 가이드
인터랙티브 HTML 콘텐츠(게임·도구·시각화 등)를 올리기 전에 아래 내용을 확인하면 "내 PC에서는 되는데 플랫폼에서 안 되는" 문제를 줄일 수 있습니다.
1. 제출 형식
- 단일 HTML 파일 — CSS·JS가 한 파일 안에 인라인으로 들어간 자급자족 형태를 권장합니다.
- ZIP 번들 — 여러 파일이 필요하면 ZIP으로 묶어 올립니다. 진입 파일은 반드시
index.html이어야 하고, 내부 파일은 모두 상대경로로 참조해야 합니다(예:./assets/app.js). - 절대경로(
/assets/...)나 로컬 파일 경로는 동작하지 않습니다.
2. 실행 환경 (꼭 읽어주세요)
업로드된 콘텐츠는 보안을 위해 격리된 sandbox 안에서 실행됩니다. 그래서 일반 웹페이지와 다음과 같은 차이가 있습니다.
- localStorage / sessionStorage는 메모리 전용입니다. 플랫폼이 자동으로 안전망을 넣어주므로 storage를 써도 콘텐츠가 멈추지는 않지만, 저장한 값은 새로고침하거나 다시 방문하면 초기화됩니다. 최고 점수·진행 상황 등의 영구 저장은 보장되지 않습니다.
- 쿠키와 IndexedDB는 동작하지 않을 수 있습니다.
- 외부 리소스는 사용 가능합니다. CDN 스크립트, 웹폰트, 외부 이미지 등은 정상적으로 불러올 수 있습니다.
권장: storage 접근은 항상 try/catch로 감싸고, 저장이 안 돼도 콘텐츠가 동작하도록 작성하세요. 가능하면 외부 의존성을 줄이고 단일 파일로 만들면 가장 안정적입니다.
3. 화면과 모바일
- 모바일에서 글씨가 작아지지 않도록 viewport 설정은 자동으로 보정됩니다.
- 뷰어에는 전체화면(몰입 모드) 버튼이 기본 제공됩니다.
- 오디오 자동재생, 전체화면, 게임패드 입력이 허용되어 있습니다. 단, 모바일 브라우저 정책상 소리는 사용자의 첫 탭/클릭 이후에 재생되는 경우가 많습니다.
4. 검수와 제출 한도
- 제출한 콘텐츠는 바로 공개되지 않고 운영자 검수 후 공개됩니다.
- 검수 대기는 최대 5개, 최근 24시간 제출은 최대 20회까지 허용됩니다.
- 공개 콘텐츠의 작성자명은 프로필 닉네임으로 자동 설정됩니다.
5. 주의 사항
타인의 저작물 무단 사용, 악성 스크립트, 불법·유해 콘텐츠는 검수에서 반려되며 사후에도 삭제될 수 있습니다. 자세한 내용은 이용약관과 개인정보 처리방침을 참고하세요.