Slim이란?

Rails에서 사용할 수있는 템플릿 엔진
Slim 외에 Haml 등이 있지만, Slim 쪽이 기술 방법이 간단.
HTML을 태그가 아닌 계층 구조(들여쓰기)로 나타낸다. 닫기 태그는 생략 가능.

템플릿 엔진이란?

MVC 프레임워크에서 Controller에서 정의한 변수를 view에서 사용할 수 있게 하는 구조.
Rails에서는 표준으로 ERB가 채용되고 있다.

문법

"/" 코멘트 아웃

test.slim

/これはコメントです
tr
 th
 th

출력

test.html

<tr>
  <th></th>
  <th></th>
</tr>

"-"Ruby 코드 작성

test.slim

tbody
      - @tasks.each do |task|
        tr
          td
          td

'=' 루비 코드 출력

test.slim

tr
  td= link_to task.name, task
  td= task.created_at

「# / .」 id 속성 · 클래스 속성

#tasks
  .task.red
  /idの中に複数クラス

출력

test.html

<div id="tasks">
  <div class="task red">

  </div>
</div>