앱 템플릿 및 구성 요소 app-templates-and-components
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: 새 페이지의 실제 컨텐츠를 렌더링하는 데 사용할 구성 요소입니다.
템플릿 및 구성 요소에 대한 기본 이해를 했으면 다음 리소스를 참조하십시오.
추가 리소스 additional-resources
모바일 앱에 대한 추가 주제에 대해 알아보려면 아래 링크를 참조하십시오.
recommendation-more-help
547b817b-14b5-4d82-aa0f-a64750e0e592