퍼블리싱 파일 가이드
웹 퍼블리싱 파일 규격은 아래의 폴더의 구조의 방식으로 최적화 되어 있습니다.
만약 다른 구조의 폴더 방식의 파일을 업로드 시 아래 방식으로 자동 분류 됩니다.
파일명은 영문 파일명으로 사용해 주시기 바랍니다. (html파일 제외)
※주의 : setting.css, setting.js, temha.css, temha.js 파일명은 사용할 수 없습니다. 그리고 사용하지 않는 js파일과 html파일은 업로드 시 제거해 주세요.
![템하 파일분류 방법](/_nuxt/img/img-userguide-file.be5e2ed.png)
![템하 파일분류 방법](/_nuxt/img/img-userguide-file_m.0021096.png)
- 1 .html 파일만 가능
- 파일명: 한글, 영문, 숫자만 가능(특수문자 불가)
- 2 리소스 파일을 모아둔 폴더
- 파일명: 영문, 숫자만 가능(한글, 특수문자 불가)
- 3 .svg파일만 가능
- 파일명: 영문, 숫자만 가능(한글, 특수문자 불가)
- 4 .mp4 / .mov 파일만 가능
- 파일명: 영문, 숫자만 가능(한글, 특수문자 불가)
- 웹용으로 렌더링된 영상만 가능
- 5 .png / .gif/ .jpg / .jpge /.gif 파일만 가능
- 파일명: 영문, 숫자만 가능(한글, 특수문자 불가)
- 6 .css 파일만 가능
- 파일명: 영문, 숫자만 가능(한글, 특수문자 불가)
※seting.css, temha.css의 파일 이름은 사용 불가
- 7 .js 파일만 가능
- 파일명: 영문, 숫자만 가능(한글, 특수문자 불가)
※seting.js, temha.js의 파일 이름은 사용 불가
- 8 .woff, ttf, otf 파일만 가능
- 파일명: 영문, 숫자만 가능(한글, 특수문자 불가)
템하의 퍼블리싱 구조를 맞추지 않아도 사용자의 퍼블리싱 파일은
템하의 퍼블리싱 구조에 맞게 자동 변환되기 때문에, 템하의 퍼블리싱 구조를 따르는 것을 권장 드립니다.
![사용자 퍼블리싱 구조 템하 퍼블리싱 구조로 자동변환](/_nuxt/img/img-userguide-file02.ccff5f2.png)
![사용자 퍼블리싱 구조 템하 퍼블리싱 구조로 자동변환](/_nuxt/img/img-userguide-file02_m.cde221e.png)
- 1
html파일은 템하의 폴더 구조에 맞춰
html폴더 안으로 이동합니다. - 2
사용자의 파일 중 파일명&파일 확장자가 같은
상태에서 폴더로만 구분되었을 때 원본 파일명
앞에 폴더명이 생성됩니다.
{폴더명_파일명.확장자} - 1
html파일은 템하의 폴더 구조에 맞춰
html폴더 안으로 이동합니다.
웹 페이지는 하나의 블록 단위로 저장됩니다.
템하에 직접 업로드한 웹 페이지는 html문서별 하나의 블록 단위로 인식되어 <body> 바로 아래 부터 선언된 “전체 코드”를
<div class="custom-C1" data-bid="baLVlnKJ2n"> “전체 코드” </div>로 블록으로 한번 감싸져서 제공됩니다.
HTML 안에 내부 스타일 시트에 작성된 CSS와 내부 JavaScript로 선언된 코드는 블록 코드 편집으로 인식되어 분류됩니다.
HTML 파일 안에 내부 스타일 시트(Internal style sheet)로 적용된 <style> … </style> CSS는
자동으로 템하의 블록 코드 편집기 CSS로 옮겨지고, 옮겨진 CSS는 템하 리소스 항목인 temha.css(외부 파일)로 분류됩니다.
HTML 파일 안에 내부 JavsScript로 작성된 <script>...</scrpt>는 블록 코드 편집기 JS에 확인 할 수 있으며, 산출물 코드 다운로드 시에는
원래 위치한 HTML 파일 안에 내부로 옮겨집니다.
![코드 편집](/_nuxt/img/img_userguide_editcode.4fa2732.png)
![코드 편집](/_nuxt/img/img_userguide_editcode_m.99b0656.png)