본문 바로가기
IT_Developers/Javascript

Mustache - 머스테치에서 if를 사용할 수 있을까?

by 고코더 2021. 11. 1.

안녕하세요.

고코더 입니다.

 

 

머스테치에서 if를 사용할 수 있을까? 라는 생각을 한번쯤 해보시는 경우가 있을 것입니다. 우선 결과를 말씀드리면 이 템플릿 엔진에서는 if 기능을 제공하지 않습니다. 단순히 화면에 데이터를 랜더링 하는 엔진이기 때문입니다. 그래서 데이터를 담기 전이나 후에, 전처리, 후처리에서 if를 사용하는 것이 맞다고 할 수 있습니다. 그래도 아쉬운 분을 위해 머스테치에서 if처럼 사용할 수 있는 방법을 알아보도록 하겠습니다.

 

 1. 아래 코드를 확인해보겠습니다. 데이터가 있을 경우에는 gocoder.png를 보여주고 없을 경우에는 noimage.png를 보여주는 if 문법의 가장 기초적인 모습을 따라 했습니다. 하지만 이렇게까지가 최선이고 조건을 비교하는 기능은 없습니다. 다시 말하면 if (1>2) 이러한 형태는 불가능합니다. 

{{#data}}   //if?
	<img src="gocoder.png">
{{/data}}
{{^data}}	//else?
	<img src="noimage.png">
{{/data}}

 

 

2. 그렇기 때문에 데이터를 랜더링 하기 전에 필터를 하거나, 화면에 표시된 후에 자바스크립트로 후처리를 하면 됩니다. 

 

댓글