채널에 구성 요소 추가 adding-components-to-a-channel

구성 요소는 AEM(Adobe Experience Manager) 경험의 기본 요소입니다. 여러 구성 요소를 사용하여 AEM Screens 프로젝트의 채널에 추가할 수 있습니다.

AEM Screens의 구성 요소 components-in-aem-screens

AEM Screens은 Screens 프로젝트에서 사용할 수 있는 다양한 AEM 구성 요소를 제공합니다.

AEM Screens 구성 요소 보기 viewing-aem-screens-components

AEM Screens 프로젝트를 만들 때마다 프로젝트에 추가할 수 있는 기본 구성 요소 목록이 표시됩니다.

Screens 프로젝트에 대한 기본 구성 요소를 보려면 아래 단계를 따르십시오.

새 구성 요소 추가 adding-a-new-component

AEM은 몇 가지 다른 구성 요소를 제공합니다. 다른 구성 요소가 AEM Screens과 호환된다고 가정할 때 언제든지 해당 구성 요소를 프로젝트에 추가할 수 있습니다(기본적으로 포함되지 않음).

다음 예는 AEM Screens 프로젝트에 Livefyre 구성 요소를 추가하는 방법을 보여줍니다.

AEM 화면 구성 요소 이해 understanding-aem-screen-components

다음 섹션에서는 프로젝트에서 사용할 수 있는 AEM Screens 구성 요소에 대해 설명합니다.

애플리케이션 application

Application 구성 요소를 사용하여 채널에 응용 프로그램을 추가할 수 있습니다.

애플리케이션 구성 요소에는 다음과 같은 속성이 있습니다.

다음 예는 속성 미리보기와 함께 애플리케이션 구성 요소를 임베드하는 방법을 보여 줍니다.

채널 channel

채널 구성 요소를 사용하여 프로젝트에 전체 채널을 추가할 수 있습니다.

채널 구성 요소에는 다음과 같은 속성이 있습니다.

임베딩된 페이지 embedded-page

포함된 페이지 ​를 사용하면 포함된 페이지를 프로젝트에 추가할 수 있습니다. 예를 들어 웹 애플리케이션이나 제품 카탈로그일 수 있습니다.

임베드된 페이지에는 다음 속성이 있습니다.

포함된 시퀀스 embedded-sequence

포함된 시퀀스를 사용하면 다른 에셋과 함께 기존 채널 내에 포함된 시퀀스 채널을 추가할 수 있습니다.

포함된 시퀀스에는 다음과 같은 페이지 속성이 있습니다.

동적 포함된 시퀀스 dynamic-embedded-sequence

동적 포함된 시퀀스를 사용하면 채널 역할의 경우를 제외하고 위에서 언급한 것과 유사한 시퀀스를 추가할 수 있습니다.

포함된 시퀀스에 대한 자세한 내용은 Screens 작성 섹션 아래의 포함된 시퀀스를 참조하십시오.

동적 포함 시퀀스에는 다음과 같은 속성이 있습니다.

경험 조각 experience-fragment

경험 조각을 사용하면 경험 조각(페이지 내에서 참조할 수 있는 컨텐츠 및 레이아웃을 포함한 하나 이상의 구성 요소 그룹)을 AEM Screens 채널에 추가할 수 있습니다. 구성 요소를 AEM 편집기로 드래그하여 놓고 경험 조각을 클릭합니다.

경험 조각을 만들어 AEM Screens 프로젝트에 적용하는 방법에 대한 자세한 내용은 경험 조각 사용을 참조하세요.

이미지 image

이미지 를 사용하면 채널에 이미지를 추가할 수 있습니다.

이미지 에셋에는 이미지, 접근성 및 시퀀스 ​와 같은 세 개의 탭이 있습니다.

전환 transition

전환 구성 요소를 사용하여 Screens 프로젝트에 전환을 추가할 수 있습니다.

다음 이미지는 편집기에 대한 전환 구성 요소(끌어서 놓기 방식으로 추가됨)를 보여 줍니다.

전환 아이콘을 클릭하고 구성(렌치 아이콘)을 클릭하여 전환 대화 상자를 엽니다. 이 대화 상자에는 세 개의 탭이 있습니다.

전환 구성 요소에는 다음과 같은 속성이 있습니다.

비디오 video

비디오 구성 요소를 사용하여 Screens 프로젝트에 비디오를 추가할 수 있습니다.

비디오 구성 요소에는 다음과 같은 속성이 있습니다.