앱 템플릿 및 구성 요소

노트

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

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

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

  • 템플릿은 구성 요소;
  • 구성 요소는 컨텐츠를 렌더링하는 데 사용, 액세스 허용 및 위젯을 사용합니다.
노트

CRXDE Lite을 사용하여 AEM 애플리케이션을 개발하는 방법에 대해 알아보려면 CRXDE Lite을 사용하여 개발 을 참조하십시오.

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

페이지를 만들려면 템플릿을 (node-tree /apps/<myapp>/templates/<mytemplate>)사이트 트리의 해당 위치에 복사해야 합니다.페이지가 웹 사이트 탭을 사용하여 만들어지는 경우 이러한 작업이 수행됩니다.

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

템플릿 구조

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

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

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

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

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

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

노트

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

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

추가 리소스

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

이 페이지에서는