Pug야, 이리오너라! [template engine]

 

템플릿 엔진은 굉장히 많으며 어떤 것을 사용해도 상관없다. 

 

실무에선 그냥 기본적인 html문법을 쓰는게 더 바람직할 수도.

 

허나 독특한 것을 좋아하는 나는 단지 신기해 보여서 써봤는데 의외로 편하다.

 

html-css를 다뤄봤다면 전혀 어렵지 않고 오히려 이 못생긴 강아지의 독특함 그리고 세련됨에 매료될 것이다.

 

물론  굳이 안 써도 된다.

 

Pug야, 이리오너라!

 

일단 이리오너라를 한다.

 

Pug 문법은 닫기 태그가 없으며 들여쓰기로 블록을 구분하며 ( )으로 attribute를 사용 가능하다.

vue.js에서 사용예시

공식 홈페이지 예시

 

 

=을 이용하여 변수를 사용가능하다.

 

공식 홈페이지 예시

 

공식 홈페이지의 예시를 보면서 적용해보면 처음엔 다소 귀찮고 불편하지만 이후엔 아주 편하단 것을 느낄 수 있을 것이다.

 

그럼 여러분들도 Pug 한 마리 들여보길 바라면서

 

Pug야, 이리오너라!

 

 

 

Thanks for watching, Have a nice day.

 

 

https://pugjs.org/api/getting-started.html

Getting Started – Pug