AEM Component: Slide(Carousel) #1

특정 경로 하위 페이지들의 데이터를 취합하여 슬라이드(Carousel) 콘텐츠 만들기

AEM에서 슬라이드(Carousel) 콘텐츠를 제작하는 여러가지 방식 중 Child pages 방식을 소개합니다.
(이 문서는 AEM 6.1, Slick1.8.1을 기반으로 작성되었습니다.)

목표

제작 방법

1. 사용자가 슬라이드 콘텐츠들의 부모 페이지 경로를 입력했다고 가정합니다.

Authoring된 Slide 컴포넌트 데이터를 CRX에서 확인한 결과

2. 슬라이드 마크업을 생성하려면 위 스크린샷에서 확인되는 sling:resourceType 경로(/apps/demo/components/slide)에 슬라이드 컴포넌트가 있어야합니다.

생성한 컴포넌트를 CRX에서 확인한 결과

3. Slide (Carousel) 컴포넌트 코드는 다음과 같습니다.

Slide(Carousel) 컴포넌트의 샘플 코드

감사합니다. (_ _)

Next

— 사용자가 원하는 페이지만 골라서 Slide(Carousel) 콘텐츠를 작성할 수 있는 Fixed List 방식을 소개하겠습니다.