jQuery 핸들바(handlebars) 라이브러리 사용법
·
FE/javascript(jQuery)
핸들바 (Handlebars) - 스크립트 내에서 html을 용이하게 작성할 수 있는 템플릿 엔진이다. - 코드의 재사용 및 유지 보수성을 향상시키며 jQuery와 같은 라이브러리와 함께 사용할 수 있다. #사용법 1. handlebars 라이브러리 로드 - 태그 안, 제이쿼리 cdn 아래에 해당 코드를 작성한다 2. 템플릿 정의 -핸들바를 사용할 곳에 - 핸들바 안에서의 반복문은 {{#each}}를 사용하며.(마침표)를 입력 시 전체를 반복한다는 의미이다. - 스크립트 내 배열 값을 가져올 때는 {{키네임}}으로 작성한다. (배열 키와 동일하게 넣어줌) - 반복문의 마감태그는 {{each}} ** {{키네임}} 으로 감싸진 부분이 주입되는 데이터와 바인딩되는 부분이다. ** {{#each}} {{/ea..