발행 시간: 2025-04-12T03:40:00.000Z

추가 구문

Javascript / Typescript 템플릿

Rino.js는 JavaScript 또는 TypeScript를 사용한 강력한 템플릿 기능을 지원합니다. 이 기능을 통해 npm 패키지를 로드하거나, 파일을 읽거나, 프로그래밍 방식으로 콘텐츠를 생성하는 등 HTML 콘텐츠를 동적으로 만들 수 있습니다. 이 기능은 정적 사이트 생성(SSG)에만 사용할 수 있습니다.

주요 사항:

• @type 속성을 사용하여 언어를 지정하세요 (js, javascript, ts, typescript).
• console.log()를 통해 콘텐츠를 출력할 수 있습니다.
• JavaScript/TypeScript 패키지를 사용할 수 있습니다.
• HTML 페이지 경로가 프로세스 인자로 전달되므로, 공유 컴포넌트에서 HTML 페이지 경로 기반으로 템플릿을 생성할 수 있습니다.

예시:

• JavaScript 사용:

<script @type="js" type="text/javascript">
import os from "os";
console.log(os.type());
console.log("<div>Hello, Rino.js!</div>");
</script>

• TypeScript 사용:

<script @type="ts" type="text/typescript">
import os from "os";
console.log(os.type());
console.log("<div>Hello, Rino.js with TypeScript!</div>");
</script>

마크다운

Rino.js는 HTML 파일 내에 직접 마크다운을 삽입할 수 있도록 지원합니다. 이는 @path 속성을 사용하여 외부 파일로부터 마크다운을 불러오는 옵션을 보완합니다.

주요 사항:

• @type 속성에 md 또는 markdown 값을 사용하세요.
• 내부에서 script 태그를 사용할 때, 닫는 <\/script> 태그는 백슬래시를 추가하여 이스케이프해야 합니다: <\/

Example:

<script @type="md" type="text/markdown">
# 마크다운 제목
This is Markdown content inside an HTML file.
</script>