프로젝트 열기, 지원 기능 및 사용 시 유의사항을 안내합니다.
안내
HTML Web Preview: JS CSS JSON은 iPhone과 iPad에서 프로젝트 폴더의 웹페이지와 관련 파일을 확인하는 앱입니다.
1. 프로젝트 열기
- HTML과 연결된 CSS·JavaScript·JSON·이미지 파일을 같은 프로젝트 폴더에 준비합니다. 원래의 폴더 구조를 유지하시기 바랍니다.
- iCloud Drive에 보관된 파일은 파일 앱에서 기기에 먼저 다운로드합니다.
- 앱에서 폴더 열기를 선택한 다음 프로젝트 폴더를 지정합니다. 시작 HTML 파일을 선택하라는 안내가 표시되면 열려는 파일을 선택합니다.
- 프로젝트는 JavaScript를 실행하지 않는 미리보기로 열립니다. 페이지와 소스를 확인한 후 신뢰할 수 있는 프로젝트만 실행하시기 바랍니다.
- 프로젝트 파일 목록에서 JSON 또는 소스 파일을 선택하면 웹페이지 옆에서 내용을 확인할 수 있습니다. 다른 앱에서 원본을 수정한 경우 새로고침하여 변경 사항을 확인합니다.
2. 페이지 또는 버튼이 작동하지 않는 경우
JavaScript로 화면을 구성하는 페이지는 미리보기에서 빈 화면으로 나타나거나 버튼이 작동하지 않을 수 있습니다. 내용을 확인한 프로젝트에 한하여 신뢰하고 실행 기능을 사용하시기 바랍니다.
보안 제한 실행에서는 3D 그래픽, 오디오 등 일부 기능이 제한될 수 있습니다. 호환 모드는 신뢰하는 프로젝트에 한하여 별도로 선택할 수 있으며, 추가적인 외부 통신이 가능해질 수 있습니다.
3. JSON 및 소스 파일 확인
프로젝트 파일 목록에서 JSON을 선택하면 정리된 내용을 확인할 수 있습니다. 앱은 원본 파일을 수정하지 않습니다.
텍스트 미리보기에는 2 MiB 크기 제한이 있습니다. 이보다 큰 파일은 텍스트 미리보기가 제공되지 않을 수 있습니다.
4. 지원하지 않는 기능
앱은 기존 웹 파일을 표시하며, Java·Python·PHP·Node.js 서버 실행, React 프로젝트 빌드, ZIP 압축 해제 및 소스 코드 편집 기능을 제공하지 않습니다.
빌드가 필요한 프로젝트는 해당 개발 환경에서 빌드를 완료한 후 결과 폴더를 열어야 합니다.
5. 외부 이미지 및 글꼴
외부 HTTPS 자료 접근은 별도 설정이며 기본적으로 제한됩니다. 프로젝트 실행에 필요한 자료인지 확인한 후 허용하시기 바랍니다.
외부 웹사이트의 정책, 로그인 요구 사항 및 선택한 실행 모드에 따라 자료를 불러오지 못할 수 있습니다.
6. 입력 내용 및 실행 상태
웹 실행 데이터는 임시 저장소에서 관리됩니다. 프로젝트 닫기, 실행 재구성 또는 일부 백그라운드 전환으로 입력 내용과 실행 상태가 사라질 수 있습니다. 일반 새로고침은 임시 저장소를 재사용할 수 있습니다. 중요한 입력 내용은 임시 실행 상태에만 보관하지 마시기 바랍니다.
실행 기록은 프로젝트 닫기나 새로고침만으로 모두 삭제되지 않습니다. 새 프로젝트 준비에 실패한 경우 이전 기록이 복구될 수 있습니다. 원본 프로젝트 파일과 최근 프로젝트 목록은 임시 실행 상태와 별도로 관리됩니다.
7. 표시 언어
한국어, 영어, 일본어, 중국어 간체·번체, 독일어, 프랑스어, 스페인어와 포르투갈어(브라질)를 선택할 수 있습니다. 앱의 Language → Change Language 항목에서 Apple 설정을 연 다음 사용할 언어를 선택하시기 바랍니다. 외부 설문 및 광고 선택 화면의 언어는 앱의 표시 언어와 다를 수 있습니다.
8. 실행 시 유의사항 및 문의
신뢰할 수 있는 폴더와 코드만 실행하시기 바랍니다. 실행한 프로젝트는 선택한 폴더에서 읽을 수 있는 파일에 접근하거나 기기 밖으로 정보를 전송할 수 있습니다. 앱은 악성 코드 검사기 또는 시스템 방화벽이 아닙니다. 해당 프로젝트에 필요한 파일만 포함된 폴더를 선택하시기 바랍니다.
문의 및 개선 의견은 avrelo.mail@gmail.com으로 보내주시기 바랍니다. 앱 버전, 기기·운영체제 버전 및 문제가 발생한 순서를 기재하시면 원인 확인에 도움이 됩니다. 스크린샷의 개인정보는 삭제하고, 비밀번호·비밀 키·개인 프로젝트 원본은 첨부하지 마시기 바랍니다.