1. Underscore.js 라이브러리를 다운로드하고 HTML 문서에 추가합니다:

   <script src="underscore.js"></script>
   

2. 템플릿 작성:

   <script type="text/template" id="template">
   <h1><%= title %></h1>
   <ul>
      <% _.each(list, function(item) { %>
         <li><%= item %></li>
      <% }); %>
   </ul>
   </script>
   

3. 템플릿을 렌더링할 데이터 객체를 생성합니다:

   var data = {
   title: "My List",
   list: ["Item 1", "Item 2", "Item 3"]
   };
   

4. 템플릿 렌더링:

   var template = _.template(document.getElementById("template").innerHTML);
   var renderedHtml = template(data);
   document.getElementById("output").innerHTML = renderedHtml;
   

   위의 코드에서 “template”은 템플릿의 id를 의미하며, “output”은 렌더링 결과를 출력할 요소의 id입니다.

이렇게 하면 Underscore.js를 사용하여 템플릿을 렌더링할 수 있습니다. Underscore.js는 템플릿 엔진과 유틸리티 함수를 제공하여 데이터와 템플릿을 쉽게 조합할 수 있는 강력한 도구입니다.

참고: Underscore.js 공식 문서