Handlebars 예제 #1

가장 기본적인 바인딩 구조

by ovo1381

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.2/handlebars.min.js"></script>


<script id="career-pc" type="text/x-handlebars-template">
<table>
    <thead> 
        <th>Job-Title</th> 
        <th>JD</th> 
    </thead> 
    <tbody> 
        {{#technology}} 
        <tr> 
            <td>{{jobTitle}}</td> 
            <td>{{jobDesc.whatWeDo}}</td> 
           
        {{/technology}} 
    </tbody> 
</table>
</script>

JavaScript

//핸들바 템플릿 가져오기
var source = $("#career-pc").html(); 

//핸들바 템플릿 컴파일
var template = Handlebars.compile(source); 

//핸들바 템플릿에 바인딩할 데이터
var data = {
    	"technology" : [{
          "jobTitle": "😀[AI] 데이터 사이언티스트 | Data Scientist",
          "jobDesc": {
            "whatWeDo": "- 인공지능 튜터의 기술표준을 정의하고 세부 문제를 연구 및 개발한다.\n- 학습 활동을 통해 생성된 데이터에서 문제를 발견하고, 이를 해결할 방법을 연구 및 개발한다.\n- 뤼이드 기술이 전세계 표준기술이 될 수 있도록 문서화, 논문화, 코드화 한다.",
            "whatWeWant": "- 머신러닝과 AI 알고리즘 개발에 흥미를 가지시는 분\n- 전체 머신러닝 시스템을 이해하고, 그 시스템에서 발생하는 데이터를 즐기시는 분 \n- 문제를 정의하고 해결하는 과정에 흥미를 가지신 분\n- 문제의 우선순위를 결정할 줄 알고, 우선순위에 따라 근본적 문제 해결을 즐기시는 분",
            "preference": "- 시스템이 필요로 하는 요구사항에 대해 설명이 가능한 분.\n- 관련 전공 석박사 학위 소지하신 분"
          }
        },{
          "jobTitle": "[AI] 머신러닝 엔지니어 | Machine Learning Engineer",
          "jobDesc": {
            "whatWeDo": "- 플랫폼에서 활용할 수 있는 API를 포함하는 머신러닝 시스템을 개발\n- 분산환경에서 머신러닝 알고리즘을 적용하는 방법을 연구하고 개발\n- 데이터를 자유롭게 활용할 수 있는 분산환경 시스템 (ETL) 을 구축\n- 머신러닝 시스템을 배포하고 테스트를 자동화할 수 있는 DevOps 시스템을 개발",
            "whatWeWant": "- 대용량 및 분산 처리, 실시간 처리 방식을 이해하고 구현이 가능한 분.\n- 머신러닝 기술에 대해 코드레벨까지 이해하고 있으며 스크레치로 구현이 가능한 분.\n- 머신러닝 프레임워크의 구조를 이해하고, 잘 활용하는 분.\n- 대용량 데이터를 활용하는 시스템에서 발생하는 문제에 대해 이해하고 해결을 즐기시는 분.",
            "preference": "- 시스템이 필요로 하는 요구사항에 대해 설명이 가능한 분.\n- 관DevOps(실험, 구현, 테스트, 배포 사이클의 자동화)에 대해 이해하고 문서화 및 구현할 수 있는 분."
          }
        },
        {
          "jobTitle": "[AI] 리서치 사이언티스트 | Research Scientist",
          "jobDesc": {
            "whatWeDo": "- 인공지능 튜터 기술이 표준기술이 될 수 있도록 문제와 방법론을 정의하고 실험와 논문을 통해 기술의 우월성을 증명.\n- 산업분에의 최신 기술에 대한 이론과 방법론을 이해하고 시스템에 적용해 활용하는 방법 연구\n- AI Tutor 기술의 각 연구파트에서 최고수준의 기법을 연구 및 개발\n- AI Tutor 산업분야를 선도할 수 있는 기술확산 전략을 고민하고, 논문, 백서등을 통해 전세계 연구를 리드함.",
            "whatWeWant": "- 문제를 탐구하고 공유해 더 나은 세상을 만드는데 흥미가 있으신 분\n- 기술을 심도깊게 파악해서 방법론을 이해하고 원리를 깨닫기를 즐기시는 분\n- 산업 분야에서 최신 인공지능 기술에 관심이 많고 스스로 기술을 선도하고 싶으신 분\n- 전세계 기술의 발전을 위해 우리의 최신 기술을 정리해서 세상에 알리는 것이 논문이나 백서를 작성하는 것임을 알고있는 분\n- 기술은 산업에 적용될때, 진정한 가치가 드러난다는 철학을 가지신 분",
           ...