Recent Posts
Recent Comments
09-04 01:41
«   2025/09   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
Today
Total
관리 메뉴

생각을 IT다

AEM 기본 이론 정리 (Page Component) 본문

AEM(Adobe Experience Manager)

AEM 기본 이론 정리 (Page Component)

흑백논리 2023. 4. 14. 12:57
반응형

AEM Page Component

Page Component
항목설명
Page ComponentAEM에서 페이지를 구성하는 기본적인 컴포넌트
구성 요소페이지에 사용되는 컴포넌트 또는 웹 요소
위치/apps/[애플리케이션명]/component/[컴포넌트명]

/libs/foundation/component/[컴포넌트명]
기본 구성 요소기본 구성 요소에는 Title, Image, Text, List, Rich Text Editor(RTE) 등이 포함될 수 있음
템플릿에 사용페이지 템플릿에서 페이지 컴포넌트를 추가할 수 있음
원하는 위치에 삽입컴포넌트에 대한 위치를 선택하고 드래그하여 페이지에 삽입 가능
컴포넌트 수정원하는 컴포넌트를 선택하고 드롭다운 메뉴에서 수정을 선택하여 컴포넌트 속성 수정 가능
컴포넌트 삭제원하는 컴포넌트를 선택하고 드롭다운 메뉴에서 삭제를 선택하여 페이지에서 컴포넌트 삭제 가능

AEM Page Component 노드 경로

Page Component 노드경로
노드 경로설명
/apps/[my-project]/components컴포넌트 레이아웃 및 디자인 등을 포함한 컴포넌트 파일이 위치
/apps/[my-project]/config프로젝트 구성 파일이 위치
/apps/[my-project]/templates페이지 템플릿이 위치
/conf/[my-site]사이트 구성 및 설정 파일이 위치
/content/[my-site]사이트 콘텐츠 및 페이지가 위치
/etc/designs/[my-site]사이트 레이아웃, CSS, JS 등의 디자인 파일이 위치
/etc/designs/[my-site]/clientlibs디자인 파일을 관리하는 클라이언트 라이브러리가 위치
/etc/designs/[my-site]/structure사이트 레이아웃 구조가 위치
/etc/designs/[my-site]/structure/jcr:content레이아웃 구조에 대한 정보가 위치
/etc/designs/[my-site]/structure/.content.xml레이아웃 구조에 대한 XML 파일이 위치

AEM Page Component 구조

Page Component 구조
노드 이름설명
cq:page페이지의 최상위 노드, 루트 컨테이너 역할
-jcr:content페이지 콘텐츠 노드, 페이지 편집을 통해 생성 및 관리되는 모든 콘텐츠를 포함
--myComponentmyComponent 컴포넌트 노드, 페이지 내에 해당 컴포넌트를 삽입하고 관리

 

반응형
Comments