Vue는 HTML 기반의 템플릿 구문을 사용하는데 렌더링된 DOM에 컴포넌트의 데이터를 결합해서 출력하는 방식이다. 이 템플릿을 사용하는 방식에는 text interpolation(보간법)과 다양한 directive 들이 사용된다.이번 포스트에서는 먼저 text interpolation에 대해서 살펴보자.<p style="text-align: left;" data-ke-size="..

먼저 mustache에서 사용할 데이터를 설정하는 dto를 작성해보자. DTO import lombok.Builder; import lombok.Data; @Data @Builder public class NoteBook { private String model; private int price; } attribute 출력 {{attribute_name}} model에 담긴 attribute를 출력하기 위해서는 {{attribute_name}}을 사용한다. 이 경우는 text 형태로 attribute의 내용을 단순 출력하는데 간혹 html 형태로 출력하려는 경우 {{{attribute_name}}} 형태나 {{&attribute_name}}을 사용하면 된다. text로 출력: {{ org }} html로..

SpringBoot에서는 was에 종속적인 JSP를 더 이상 기본으로는 지원하지 않는다. 물론 추가적인 설정을 통해서 사용할 수는 있지만 기본에서 빠진 녀석을 억지로 데려다가 사용하기는 왠지 꺼림직 하다. (암묵적으로 자바 진영의 웹 생태계를 지배하는 Spring의 위력이 새삼 느껴진다.) 이제 SpringBoot에서 미는 녀석들은 Thymeleaf, FreeMarker, Mustache가 있다. 이중 컨셉만 바꾼다면 가장 배우기 쉬운 녀석이 Mustache인것 같다. 이번 포스트에서는 넘나 간단한 Mustache 사용법을 SpringBoot 기반에서 살펴보자. Mustache란? mustache 웹사이트 그냥 간단히 github에 둥지를 틀고 있다. 너무나 썰렁해서 유지보수는 돼나? 싶을 정도다 ㅎ {..