버전용 도움말 콘텐츠:

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

AEM Screens의 구성 요소

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

AEM Screens 구성 요소 보기

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

스크린 프로젝트에 추가할 수 있는 기본 구성 요소를 보려면 아래 절차를 따르십시오.

  1. 채널을 선택하십시오. 예: We.Retail In Store --> 채널 --> 유휴 채널.
  2. 작업 표시줄에서 편집을 클릭하여 AEM 편집기를 엽니다.
  3. 사이드바에서 + 아이콘을 클릭하여 구성 요소를 엽니다.
  4. 아래 그림처럼 AEM Screens 프로젝트에 기본적으로 포함된 모든 구성 요소가 표시됩니다.
screen_shot_2017-12-18at21350pm

새 구성 요소 추가

AEM에서는 다양한 다른 구성 요소도 제공합니다. AEM Screens와 호환되는 경우 항상 프로젝트에 다른 구성 요소(기본적으로 포함되지는 않음)도 추가할 수 있습니다.

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

  1. 새 구성 요소를 추가할 채널을 선택합니다. 예: We.Retail In Store --> 채널 --> 유휴 채널.
  2. 작업 표시줄에서 편집을 클릭하여 편집기를 엽니다.
  3.  디자인 모드를 선택합니다.
  4. 오른쪽에 있는 전체 디자인 편집기를 선택하고 설정 기호를 클릭하여 ParSys 디자인 대화 상자를 엽니다.
  5. AEM Screens 프로젝트에 가져오려는 구성 요소를 선택할 수 있습니다. 다음 예에서는 AEM Screens 프로젝트에 Livefyre 구성 요소를 추가하는 것을 보여줍니다. 
adding_components

참고:

유사하게, 프로젝트에 AEM Screens와 호환하는 다른 새 구성 요소를 원하는 개수만큼 추가할 수 있습니다.

AEM Screens 구성 요소 이해

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

참고:

구성 요소의 속성을 보려면 구성 요소를 선택하고 망치 아이콘을 클릭하십시오.

애플리케이션

애플리케이션 구성 요소를 사용하면 채널에 애플리케이션을 추가할 수 있습니다.

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

속성 설명
애플리케이션 경로 애플리케이션이 존재하는 절대 경로를 선택합니다.
지속 시간(ms) 애플리케이션의 지속 기간을 선택합니다. 기본적으로 지속 기간은 -1로 설정되며, 이는 요소가 영구적으로 실행됨을 의미합니다(즉, 단일 페이지 애플리케이션). 지속 기간 값을 0보다 크게 설정하면 지정된 지속 기간의 요소를 표시한 후 다음 항목으로 이동합니다.

다음 예에서는 해당 속성의 미리 보기와 함께 애플리케이션 구성 요소를 포함하는 방법을 보여줍니다.

adding_componentsapplication

참고:

아래의 각 구성 요소에 대한 속성을 보려면 위의 예를 참조하십시오.

채널

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

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

속성 설명
채널 경로 애플리케이션이 존재하는 이 절대 경로를 선택합니다.
지속 시간(ms) 채널의 전체 지속 기간을 선택합니다. 지속 기간을 -1로 설정하는 것은 포함된 채널이 특정 채널에서 전체 길이를 실행함을 나타냅니다.

임베딩된 페이지

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

포함된 페이지에는 다음 속성이 있습니다.

속성 설명
페이지 경로
채널이 존재하는 이 절대 경로를 선택합니다.
지속 시간(ms) 채널의 전체 지속 기간을 선택합니다. 지속 기간을 -1로 설정하는 것은 포함된 채널이 특정 채널에서 전체 길이를 실행함을 나타냅니다.

포함된 시퀀스

참고:

포함된 시퀀스에 대해 자세히 알려면 스크린 작성 섹션에서 포함된 시퀀스를 참조하십시오.

포함된 시퀀스를 사용하면 기존 채널 내부의 포함된 시퀀스 채널을 추가할 수 있습니다(기타 자산 포함).

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

속성 설명
채널 경로 채널에 포함할 시퀀스의 절대 경로를 선택합니다.
지속 시간(ms) 채널의 전체 지속 기간을 선택합니다. 지속 기간을 -1로 설정하는 것은 포함된 채널이 특정 채널에서 전체 길이를 실행함을 나타냅니다.
전략 원본 또는 단일로 설정합니다. 값을 원본으로 설정하는 것은 하위 시퀀스가 상위 시퀀스의 각 주기에서 완전히 실행됨을 의미합니다. 다른 가능한 값은 단일이며 이 경우에는 각 실행 시 하위 시퀀스의 한 항목만 표시됩니다(예를 들어 첫 번째 루프의 첫 번째 항목, 두 번째 루프의 두 번째 항목 등).

동적 포함된 시퀀스

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

포함된 시퀀스에 대해 자세히 알려면 스크린 작성 섹션에서 포함된 시퀀스를 참조하십시오.

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

속성 설명
채널 지정 역할
채널 역할을 입력합니다.
지속 시간(ms) 채널의 전체 지속 기간을 선택합니다. 지속 기간을 -1로 설정하는 것은 포함된 채널이 특정 채널에서 전체 길이를 실행함을 나타냅니다.
전략 원본 또는 단일로 설정합니다. 값을 원본으로 설정하는 것은 하위 시퀀스가 상위 시퀀스의 각 주기에서 완전히 실행됨을 의미합니다. 다른 가능한 값은 단일이며 이 경우에는 각 실행 시 하위 시퀀스의 한 항목만 표시됩니다(예를 들어 첫 번째 루프의 첫 번째 항목, 두 번째 루프의 두 번째 항목 등).

이미지

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

이미지 자산에는 세 개의 탭, 다시 말해 이미지, 액세스 가능성시퀀스 탭이 있습니다.

속성 설명
이미지
이미지 자산 이미지 자산을 선택합니다.
제목 이미지의 제목입니다.
링크 대상 이미지에 링크를 추가합니다.
설명 이미지에 대한 간단한 설명입니다.
크기 이미지의 크기입니다.
액세스 가능성
대체 텍스트 이미지의 대체 텍스트입니다.
시퀀스
기간 이미지의 전체 지속 기간을 선택합니다. 지속 기간을 -1로 설정하는 것은 포함된 이미지가 특정 채널에서 전체 길이를 실행함을 나타냅니다.

전환

전환 구성 요소를 사용하면 스크린 프로젝트에 전환 기능을 추가할 수 있습니다.

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

속성 설명
유형 전환 전 요소와 후 요소 간의 전환 유형입니다. 페이드 효과나 네 개의 화면 슬라이드를 통한 슬라이드 효과일 수 있습니다.
지속 시간(ms) 전환의 전체 지속 기간을 선택합니다. 지속 기간을 -1로 설정하는 것은 포함된 전환이 특정 채널에서 전체 길이를 실행함을 나타냅니다.

비디오

비디오 구성 요소를 사용하면 스크린 프로젝트에 비디오 기능을 추가할 수 있습니다.

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

속성 설명
비디오 자산 비디오 링크를 선택합니다.
기간 비디오의 지속 기간을 선택합니다. 기본적으로 지속 기간은 -1로 설정되며, 이는 요소가 영구적으로 실행됨을 의미합니다. 지속 기간 값을 0보다 크게 설정하면 지정된 지속 기간의 요소를 표시한 후 다음 항목으로 이동합니다.
렌더링

비디오 종횡비가 화면에 맞지 않는 경우, 렌더링을 포함 또는 커버로 조정할 수 있습니다.

포함은 전체 비디오가 표시되고 비디오가 없는 영역은 검은색 경계로 채워짐을 의미합니다.

커버는 비디오가 전체 뷰포트를 덮지만, 측면에서 화면을 넘치는 일부 부분은 표시되지 않습니다.

크기 비디오의 크기입니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책