안녕하세요.
고코더 입니다.
머스테치에서 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. 그렇기 때문에 데이터를 랜더링 하기 전에 필터를 하거나, 화면에 표시된 후에 자바스크립트로 후처리를 하면 됩니다.
'IT_Developers > Javascript' 카테고리의 다른 글
JavaScript - 자바스크립트에서 trim() 기능 사용법 / 문자열 양쪽 공백 제거 (0) | 2021.11.01 |
---|---|
JavaScript - 1000자리(3자리) 마다 콤마 찍기 (0) | 2021.11.01 |
JavaScript - 현재 시간이 오전, 오후인지 알아내기 (0) | 2021.10.31 |
JavaScript - 자바스크립트 날짜 표시 "yyymmdd"를 "yyyy-mm-dd" 로 나타내기 / "19000101" -> "1900-01-01" (0) | 2021.10.31 |
JavaScript - 자바스크립트로 특정 날짜 요일 알아내기 (0) | 2021.10.31 |
댓글