앱 템플릿 및 구성 요소

노트

단일 페이지 애플리케이션 프레임워크 기반 클라이언트측 렌더링(예: 응답)이 필요한 프로젝트에는 SPA 편집기를 사용하는 것이 좋습니다. 추가 정보.

템플릿은 페이지를 만드는 데 사용되며 선택한 범위에서 사용할 수 있는 구성 요소를 정의합니다. 템플릿은 만들 페이지와 동일한 구조를 갖지만 실제 컨텐츠가 없는 노드 계층 구조입니다.

각 템플릿에는 사용할 수 있는 구성 요소 선택 사항이 표시됩니다.

  • 템플릿은 구성 요소;
  • 구성 요소는 위젯을 사용하고 액세스를 허용하며 이러한 위젯은 컨텐츠를 렌더링하는 데 사용됩니다.
노트

CRXDE Lite을 사용하여 AEM 응용 프로그램을 개발하는 방법에 대한 자세한 내용은 CRXDE Lite으로 개발을 참조하십시오.

템플릿은 페이지의 기준입니다.

페이지를 만들려면 템플릿을 사이트 트리의 해당 위치에 복사해야 합니다(node-tree /apps/<myapp>/templates/<mytemplate>).이것은 웹 사이트 탭을 사용하여 페이지를 만드는 경우에 발생하는 작업입니다.

이 복사 작업은 페이지의 초기 컨텐츠(일반적으로 최상위 컨텐츠 전용)와 페이지를 렌더링하는 데 사용되는 페이지 구성 요소의 경로(하위 노드 jcr:content)인 sling:resourceType 속성도 제공합니다.

템플릿 구조

고려해야 할 두 가지 사항이 있습니다.

  • 템플릿 자체의 구조
  • 템플릿을 사용할 때 생성된 컨텐츠의 구조

템플릿은 cq:Template 유형의 노드 아래에 만들어집니다.

다양한 속성을 설정할 수 있습니다. 특히:

  • jcr:title - 템플릿의 title;을 클릭합니다.
  • jcr:description - 템플릿에 대한 설명;을 클릭합니다.

이 노드에는 결과 페이지의 컨텐츠 노드의 기초로 사용되는 jcr:content(cq:PageContent) 노드가 포함됩니다.이 참조는 새 페이지의 실제 컨텐츠를 렌더링하는 데 사용할 구성 요소인 sling:resourceType​을 사용합니다.

노트

AEM에서 템플릿 및 구성 요소에 대한 기본 사항을 살펴보려면 아래 리소스를 참조하십시오.

템플릿 및 구성 요소에 대한 기본적인 이해를 얻고 나면 다음 리소스를 참조하십시오.

추가 리소스

모바일 앱에 대한 추가 주제에 대해 알아보려면 아래 링크를 참조하십시오.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now