Luminus패키지의 HTML 템플릿 기능에 대해 배워봅니다. Selmer 의 DSL을 알아봅니다. Hiccup 맛뵈기.

1. HTML Templating
Clojure 웹 스터디 2015-07-29
한철희

2. 自己紹介
• Java/Web, iOS Programmer
• 6502 Assembly, FORTH, Haskell…
• Clojure !

3. Agenda
• HTML Templating?
• Luminus의 Templating Options
• Selmer 배워 보기
• Hiccup 맛보기

4. HTML Templating

5. Templating Options
• Hiccup, Selmer…
• lein new luminus로 만들어보면 Selmer가 디폴트

6. Selmer
• Django inspired template system
• Django와 유사한 문법
• *.clj에 코드에서 필요한 map(KV pair)을 생성하고
html에서 이를 태깅하여 표현
• Selmer는 render, render-file 함수를 지원
• Luminus로 생성한 프로젝트는 layout/render 함수 재
정의 ( layout.clj )

7. Selmer 배워 보기 - 값 출력
(defn selemer1-page []
(selmer.parser/render
"<p>Hello {{user.first}} {{user.last}}</p>"
{:user {:first "John" :last “Doe"}}))
(defroutes home-routes
(GET "/selmer" [] (selemer1-page))
)
—————————————
Hello John Doe

8. Selmer 배워 보기 - with
(defn selemer-with-page []
(selmer.parser/render
"{% with total=business.employees|count %}{{
total }}{% endwith %} employees”
{:business {:employees (range 5)}}))
(defroutes home-routes
(GET “/selmer-with” [] (selemer-with-page))
)
—————————————
5 employees

9. Template Inheritance
• extends
- 부모 템플릿 파일에서 지정된 block을 오버라이드
• include
- 그냥 가져다 씀

10. Hiccup
• 템플릿용 DSL없이 Clojure로 직접 HTML을 코딩한
다
• 장점 : Clojure로 끝.
• 단점 : Publisher의 일이 나의 일로 둔갑.