[Node.js] pug 문자열에 변수 넣기

node.js를 공부하는데, pug를 템플릿 엔진으로 사용중이다. 문자열 중간에 변수를 넣고 싶어서 해결법을 찾아보고 기록하게 되었다.

해결 방법

pug는 javascript와 유사한 문법을 가지고 있어서 백틱을 사용해 동적인 문자열을 만들 수 있다.
백틱을 사용하는 방법은 javascript와 동일하다.

a.btn(href=`/products/${product.id}`) Details

괄호도 사용할 수 있어 괄호 안에 js 문법으로 변수를 사용할 수 있다.

a.btn(href=('/proxy/3000/products/' + product.id)) Details 

일반적으로 #{}나 =를 사용했었는데, 백틱과 소괄호를 사용하는 방법도 잘 알아두어야겠다.