# HTML 보고서 템플릿에 콘텐츠 추가

HTML 보고서 템플릿에 다양한 형태의 콘텐츠를 추가할 수 있습니다. 응용 프로그램 콘텐츠를 차트 이미지, 표 형식 데이터, 변수 및 표현식으로 추가합니다. 사용자의 HTML 템플릿에서 응용 프로그램 콘텐츠는 개체 형태를 갖습니다. 이러한 개체는 기본 HTML 개체와 혼동하지 말고 HTML 디자이너의 개체 패널에서 추가, 관리 및 재사용할 수 있습니다. 이메일의 소개 메시지 및 사용자 지정 서식과 같이 응용 프로그램 데이터를 직접 시각화하지 않는 콘텐츠는 [지원되는 코드 구문 목록](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/html-report-allowed-code.htm)에 포함된 경우 추가할 수 있습니다.

## HTML 보고서에 추가할 수 있는 응용 프로그램 콘텐츠

HTML 보고서 템플릿은 다음 유형의 응용 프로그램 콘텐츠와 함께 작동합니다.

* 차트 이미지.

  [HTML 템플릿에 차트를 이미지로 추가](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-chart-images.htm)

* 차트 데이터를 기반으로 한 HTML 테이블. 다음 옵션을 사용할 수 있습니다.

  * 단일 테이블 태그를 사용하여 추가된 전체 차트.

    [전체 차트 추가하기](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-tabular-data.htm#FullChartTable)

  * 차트의 하나 이상의 개별 열로 구성된 테이블.

    [열별로 차트 추가하기](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-tabular-data.htm#ChartTableColumn)

  * 분석 응용 프로그램의 변수.

    [HTML 보고서 템플릿에 변수 및 표현식 추가](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-variables-expressions.htm)

  * Qlik 분석 구문을 사용하여 작성된 표현식.

    [HTML 보고서 템플릿에 변수 및 표현식 추가](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-variables-expressions.htm)

  추가할 수 있는 태그에 대한 자세한 내용은 [사용할 수 있는 응용 프로그램 콘텐츠 태그](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-add-content.htm#The)를 참조하십시오.

HTML 보고서 작성 환경은 응용 프로그램 콘텐츠 작업 시 유연성을 제공합니다. 예를 들어, HTML 코드를 사용하여 이미지, 변수, 표현식을 표 형식의 데이터로 추가할 수 있습니다.

수준을 사용하여 보고서에서 별도 섹션을 자동으로 만들고, 특정 수의 차원 값에 대한 응용 프로그램 데이터 생성을 루프 및 반복합니다. 자세한 내용은 [수준이 있는 루핑 및 순환 HTML 보고서 요소](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-levels.htm)를 참조하십시오.

### 개체 유형

템플릿에 응용 프로그램 콘텐츠를 개체로 추가합니다. 개체는 템플릿 개발 과정 전반에 걸쳐 재사용 및 편집이 가능합니다. 다음 개체를 사용하여 작업합니다.

* 차트 이미지

* 차트 테이블

* 변수

* 표현식

* 수준

## 사용할 수 있는 응용 프로그램 콘텐츠 태그

다음 표에는 템플릿에 삽입할 수 있는 사용할 수 있는 태그 유형과 각 태그의 기능이 나열되어 있습니다. HTML 디자이너를 사용하여 태그를 추가합니다.

Qlik Cloud 분석Qlik Cloud 분석의 HTMLHTML 보고서 템플릿에서 사용할 수 있는 태그

| 태그 유형 | 설명 | 예 및 형식 |
| --- | --- | --- |
| 테이블 | 테이블로 추가된 전체 차트를 나타내는 단일 태그. 출력에서 각 열은 개별 열과 동일한 방식으로 생성됩니다. | `%%Table Name%%` |
| 열 | 테이블로 추가된 차트의 단일 열을 나타내는 단일 태그. 테이블에서 하나 이상의 열이 추가되더라도 기본 템플릿 개체는 여전히 테이블입니다. | `%%Column Name%%` |
| 수준 | 수준 개체의 인스턴스를 나타내는 태그 집합. 여는 태그와 닫는 태그 사이에 다른 태그를 추가하여 수준 개체의 기반이 되는 각 개별 엔터티에 대해 이러한 엔터티를 포함하여 보고서에 새 섹션(수준)이 만들어진다는 신호를 보낼 수 있습니다. | `%%Entity Name_Level%%`<br><br>...<br><br>`%%/Entity Name_Level%%` |
| 필드 | 수준 태그 내부에 사용되는 태그이며, 수준의 각 필터링된 반복에 사용되는 필드 값을 표시합니다. | `%%Field Name%%` |
| 변수 | 소스 응용 프로그램에서 찾은 변수의 인스턴스를 나타내는 단일 태그. | `%%Variable Name%%` |
| 표현식 | 템플릿에 개체로 추가된 표현식의 인스턴스를 나타내는 단일 태그. | `%%Expression Name%%` |

## 사용자 지정 코드

HTML 디자이너는 사실상 코드 편집기이므로 템플릿에 사용자 지정 코드를 추가할 수 있습니다. 이 코드는 응용 프로그램 콘텐츠만으로 구성되지 않을 가능성이 높습니다. 예를 들어, 템플릿에는 인라인 CSS, 기업 웹 콘텐츠 및 응용 프로그램 콘텐츠를 직접 통합하지 않는 기타 기능이 필요할 수 있습니다.

지원되는 구성 요소로 나열된 경우 보고서 템플릿에 코드를 추가할 수 있습니다. 그렇지 않으면, 모든 비규격 코드를 제거하기 위해 템플릿을 정리해야 합니다. 지원되는 HTML 코드 구성 요소 목록은 [HTML 템플릿의 코드 허용 목록](https://help.qlik.com/ko-KR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-allowed-code.htm)을 참조하십시오.

## 응용 프로그램 선택

소스 응용 프로그램에서 수행한 선택 항목은 작성하는 동안 보고서 템플릿에 반영됩니다. 선택 항목은 HTML 디자이너에서 생성할 수 있는 보고서의 미리 보기에 적용됩니다. 그러나 선택 항목은 Qlik Cloud의 보고서 작업 출력에 반영되지 않습니다. 대신, 보고서 출력의 데이터 축소는 보고서 필터, 주기 및 Section Access를 통해 제어됩니다.

미리 보기에 반영된 선택 항목을 변경하려면 시트 보기에서 선택 항목을 변경할 수 있습니다. 그런 다음 HTML 디자이너의 개체 패널 오른쪽 위에 있는 the 엔터티 새로 고침 icon을 클릭할 수 있습니다. 그러면 선택한 개체에서만 선택 항목이 새로 고쳐집니다.