Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- spring boot
- reflection api
- GOF
- 클린아키텍처
- @advice
- MajorGC
- Spring
- 테스트더블
- 동시요청
- 인텔리제이에서 프로젝트 이름 바꾸기
- Java
- WebMvcConfigurationSupport
- 개발컨퍼런스
- 스프링부트 프로젝트 이름 변경
- MinorGC
- 헥사고날
- java 멀티스레딩
- mustache함수
- WebMvcConfigurer
- refelction API
- js숫자체크
- 테스트대역
- test double
- MappingJackson2HttpMessageConverter
- 멀티코어 프로그래밍
- java병렬처리
- 자바디자인패턴
- 어댑터패턴
- 유스콘
- 개발블로그
Archives
- Today
- Total
져니의 개발 정원 가꾸기
[Mustache] 은근 까먹는 Mustache 문법 (생각나는대로 업데이트) 본문
1. mustache 파일에서 렌더링 된 data 값을 Js 함수의 인자로 넘기기
.mustache 확장자의 파일 내부에서 js 함수를 호출해야 하는 일이 있었다.
js 함수 인자로 렌더링된 데이터 값을 주기 위해서는 인자로 넘기는 녀석을 single quotation으로 감싸주면 된다.
예)
// calculator.js
let data = {
'tokyo' : '31',
'sydney' : '4',
'seoul' : '30'
};
// 렌더링 부분
let rendered = Mustache.render(template, data);
documnet.getElementById('nation-thermos-template').html(rendered);
function getFahrenheit(value) {
const converted = ((value × 9/5) + 32) + "°F";
const element = document.getElementById('convert');
element.innerHTML += '<div>converted<div>';
}
...
<div>
<h1 id="convert" onclick="getFahrenheit('{{seoul}}')"> seoul 의 현재 기온 화씨로 보기 </h1>
</div>
...
<참고>
1. js 함수 인자로 mustache data 값 넘기기
https://stackoverflow.com/questions/38694678/mustache-js-syntax-to-call-a-function-with-parameter
'개발노트 > JavaScript | Mustache' 카테고리의 다른 글
(JavaScript) window.open()로 도메인이 다른 창을 열었을 때 발생하는 CORS 문제 - postMessage를 사용하자. (0) | 2024.03.17 |
---|---|
[Javascript] String 에서 Object, Object에서 String (0) | 2022.12.31 |
[Javascript] 문자열 숫자 체크 - isNaN ,Number, 정규식(주의사항) (0) | 2022.12.31 |