Mustache

Mustache란

• 다양한 언어를 합쳐서 사용할 수 있는 client-side template engine
• 별도의 로직이 존재하지 않음.
• 구문에 {를 사용하므로, 수염과 비슷하다는 의미에서 mustache라는 이름이 붙음.

문법

데이터는 json 형태로 주어지게 됨.

1. {{key}}
   • 데이터의 key에 해당하는 value.
2. {{{key}}}
   • 데이터의 key에 해당하는, HTML을 포함하는 value.
3. {{#key}} CONTENT {{/key}}
   • 데이터의 key에 해당하는 값이 false나 empty list가 아닌 경우 CONTENT를 표시
   • 만약 key가 list인 경우, list 안의 모든 원소가 CONTENT에서 열거됨.
4. {{#key?}} CONTENT {{/key?}}
   • 데이터의 key에 해당하는 값이 false나 list가 아닌 경우 CONTENT를 표시
5. {{^key}} CONTENT {{/key}}
   • 데이터의 key에 해당하는 값이 false 혹은 empty list인 경우 CONTENT를 표시
6. {{! comment}}
   • !가 붙으면 주석으로 취급됨.
7. {{>fileName}}
   • fileName을 가진 다른 mustache 파일로 변환됨.

References

1.https://engineer-mole.tistory.com/123