앱 템플릿 및 구성 요소 app-templates-and-components

CAUTION
AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은 기술 지원 기간. 지원되는 버전 찾기 여기.
NOTE
단일 페이지 애플리케이션 프레임워크 기반 클라이언트측 렌더링(예: React)이 필요한 프로젝트에 SPA 편집기를 사용하는 것이 좋습니다. 자세히 알아보기.

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

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

  • 템플릿은 구성 요소;
  • 구성 요소는 컨텐츠를 렌더링하는 데 사용, 액세스 허용 및 위젯을 사용합니다.
NOTE
CRXDE Lite을 사용하여 AEM 애플리케이션을 개발하는 방법에 대해 알아보려면 CRXDE Lite을 사용한 개발.

템플릿은 페이지의 기반이 됩니다.

페이지를 만들려면 템플릿을 복사해야 합니다(노드 트리) /apps/<myapp>/templates/<mytemplate>)를 클릭하여 사이트 트리에서 해당 위치를 지정합니다. 페이지가 웹 사이트 탭.

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

템플릿 구조 structure-of-a-template

고려해야 할 두 가지 측면이 있습니다.

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

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

특히 다음과 같은 다양한 속성을 설정할 수 있습니다.

  • jcr:title - 템플릿의 제목 페이지를 만들 때 대화 상자에 표시됩니다.
  • jcr:description - 템플릿 설명 페이지를 만들 때 대화 상자에 표시됩니다.

이 노드는 다음을 포함합니다 jcr:content (cq:PageContent) 결과 페이지의 컨텐츠 노드의 기반으로 사용할 수 있는 노드입니다. 이 참조는 sling:resourceType: 새 페이지의 실제 컨텐츠를 렌더링하는 데 사용할 구성 요소입니다.

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

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

추가 리소스 additional-resources

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

recommendation-more-help
547b817b-14b5-4d82-aa0f-a64750e0e592