소개

Ruby 템플릿 엔진 slim 도입 방법과 사용법을 설명합니다.
Rails에서는 html.erb 라는 파일로 html을 쓰지만 <h1></h1>나 <% %> 를 매번 기입하는 것이 조금 번거롭습니다.slim 를 사용하면 html을 보다 간결하게 작성할 수 있으므로 개발에 드는 수고를 줄일 수 있습니다.

※ erb란?
embedded Ruby. View 파일에서 원하는 곳에서 Ruby 코드를 실행할 수 있습니다.

1. slim 도입 방법

rails 디렉토리에 있는 gemfile에 두 개의 gem을 추가합니다.

gem 'slim-rails'
#　railsでslimを利用するためのgem

gem 'html2slim'
#　html.erbをhtmle.slimに変換するためのgem

터미널에서 bundle install 를 치고 gem의 추가를 반영합니다.

bundle install

다음 명령을 터미널에 넣고 app/views 디렉토리에 있는 기존 html.erb 파일을 html.slim으로 전환합니다.

bundle exec erb2slim app/views app/views

slim 파일이 추가되었음을 확인한 후 기존 erb 파일은 방해이므로 삭제합니다.

bundle exec erb2slim app/views app/views -d

※ 만약을 위해, git commit 를 사용해 파일의 상태를 기록하는 것을 추천합니다. 파일을 삭제하여 문제가 발생해도 git commit 이전 상태로 되돌릴 수 있습니다.

git log
#ハッシュ値を調べる

git reset --hard ハッシュ値
#出てきたハッシュ値を--hardの後に入力すると、指定したコミットまで戻ります。

2. slim 쓰는 법

기본 slim 사용법을 열거합니다.

<%%> 작성 방법

html

<% if %>

slim -

- if

<%= %>을 작성하는 방법

html

<%= puts hoge %>

slim =

= puts hoge

텍스트를 작성하는 방법

html

<p>hoge<p>

slim |

p 
 | hoge

제목 태그를 작성하는 방법

html

<h2>hogehoge</h2>

slim <>は必要なし

h2 hogehoge

ID를 작성하는 방법

html

<div id = id></div>

slim #

#　id

수업을 작성하는 방법

html

<div class = hoge></div>

slim .

.hoge

코멘트를 작성하는 방법

html

<!-- hoge -->

slim /

/hoge

html과 slim을 비교하면 매우 간단하게 쓸 수 있음을 알 수 있습니다.

참고 기사

보다 자세한 정보를 알고 싶은 분은 아래의 URL을 참조하십시오.

【폭속으로 습득】Rails에서 slim을 사용하는 방법부터 기본 문법까지

git commit을 사용하여 변경 내용을 커밋하는 방법 [초보자 용]