전용 스크립트와 스타일

전용 스크립트와 스타일

티스토리 스킨을 만들다보면 코드내에 인라인으로 포함되어야 할 전용 스크립트와 스타일 을 사용해야 하는 경우가 있습니다. 이를테면 인덱스 페이지에서는 사용되지만 퍼머링크 페이지에는 사용되지 않으면서, 오직 인덱스 페이지에서만 동작해야 하는 코드가 필요한 경우입니다.
오직 인덱스 페이지에만 적용되어야 하는 레이아웃 전용 스크립트와 스타일이라면? 이는 태그를 그냥 사용한다면 해결할 수 없는 문제입니다. style.css, script.js 파일로 분리되기 때문입니다.
index.pug

// -style
style.
  #thumbnail {
    // ...
  }
//- template
// s_index_article_rep
div#thumbnail
  // ...
//- script
script.
  let $thumbnail = $('#thumbnail').layout();

인라인

코드를 인라인 상에 남기고 전용으로만 사용할 수 있도록 inline 속성을 style, script 태그에 사용합니다. 속성을 사용하면 각 태그는 파일(style.css, script.js)로 분리되지 않고 skin.html 에 인라인으로 남게됩니다.
inline 속성의 사용법은 인라인 부분에서 확인하실 수 있습니다.