Handlebars 썸네일형 리스트형 [handlebarsjs] 커스텀 헬퍼(customer helper) 만들어 보기 handlebars는 logicless를 추구하는 템플릿 언어이기 때문에 기본적으로 제공되는 헬퍼(helper)들은 가장 기본적인 반복, 조건문만을 위한 헬퍼만 존재한다. 하지만 사용하다 보면 어쩔 수 없이 간단한 로직들이 템플릿에 추가될 경우가 있으며, 이럴 경우 커스텀 헬퍼를 추가할 수 있다. 내가 필요했던 커스텀 헬퍼는 자바의 equals와 같이 두 값을 비교할 수 있는 헬퍼이다. 조건문을 위한 기본 헬퍼는 아래와 같이 true/false인지 null/notNull 만으로 분기할 수 있는 헬퍼만 제공된다. {{#if title}} ... {{/if}} 커스텀 헬퍼를 추가하기 위해서는 Handlebars.registerHelper 을 사용하면 된다. 위와 같이 ifCond라는 헬퍼를 추가한 후 실제 .. 더보기 [handlebarsjs] simple templating language '이번주 학교 시간표 서비스'는 여러 페이지가 존재하긴 하나 기본적으로 SPA(Single Page Application)으로 구성할 예정이다. 사용자 요청에 따른 적절한 API를 비동기로 호출한 이후 응답을 적절한 html 문자열로 변환 후, 적절한 DOM 위치에 추가해 줘야 하기 때문에 응답 데이타를 보여줄 html 템플릿이 생성해 주는 방법으로 handlebarsjs를 사용하기로 했다. https://handlebarsjs.com/ Handlebars handlebarsjs.com 어플리케이션의 크기가 크면 handlebars를 사용하기 위해 알아야 하는 다양한 expression도 알면 좋지만, 템플릿 내에서 간단히 반복문, 조건문 정도만 필요한 정도라 해당 helper의 대한 기능은 따로 정라하.. 더보기 이전 1 다음