1. 개요
티도리(Tidory)는 티스토리 스킨 제작 웹 프레임워크이다.https://tidory.com/
2. 특징
2.1. 템플릿 분리
HTML 확장언어인 pug 템플릿을 사용하여 기존 티스토리 스킨을 개발하던 방식으로 skin.html 에 몰아넣는 것이 아니라, 티스토리 스킨 구조에서 제시하는 Header, Sidebar, Content, Footer 에 따라 각각 역할 별로 템플릿을 분리할 수 있다. 추후 다른 스킨을 개발하더라도 템플릿만 가져와서 포함시키기 때문에 재활용성이 뛰어나다.2.2. 단일 파일 템플릿
다른 웹 프레임워크처럼 HTML 및 Pug 마크업과 동시에 스타일, 스크립트를 하나의 템플릿 파일에 작성할 수 있고 Pug에서 자체적으로 제공하는 인라인 스크립트[1] 또한 사용 가능하다. 이렇게 쓰인 파일들은 style.css[2] 와 images/script.js 로 자동으로 분리되고 scoped 속성을 부여하면 분리되지 않는다.//- style.css
style.
main#td-index-wrapper {
display: table;
text-align: center;
height: inherit;
width: inherit;
}
//- template
main#td-index-wrapper
include Index/Header
//- script
script(scoped).
cosnole.log('Hello, world');