Show Menu
TOPICS×

페이지 구성 요소

페이지 구성 요소는 템플릿 편집기 작업을 위해 설계된 확장 가능한 페이지 구성 요소로서, 템플릿 편집기로 페이지 머리글/바닥글 및 구조 구성 요소를 조합할 수 있습니다.

사용량

페이지 구성 요소는 핵심 구성 요소뿐만 아니라 편집 가능한 템플릿으로 디자인된 모든 페이지의 기반을 형성합니다. 페이지 구성 요소, 머리글, 바닥글 및 페이지 구조를 사용하여 다른 핵심 구성 요소를 사용하여 템플릿으로 정의할 수 있습니다.
페이지에 대해 사용자 정의 클라이언트측 라이브러리를 디자인 대화상자에서 정의할 수 있습니다. 구성 요소는 페이지 자체이므로 구성 요소에서 직접 액세스할 수 있는 편집 대화 상자가 있는 다른 구성 요소와 달리 페이지 구성 요소의 편집 대화 상자는 페이지 속성 창입니다.

버전 및 호환성

페이지 구성 요소의 현재 버전은 v2입니다. v2는 2018년 1월에 핵심 구성 요소 릴리스 2.0.0에서 도입되었으며 이 문서에 설명되어 있습니다.
다음 표에서는 구성 요소의 지원되는 모든 버전, 구성 요소의 버전이 호환되는 AEM 버전 및 이전 버전에 대한 설명서 링크에 대해 자세히 설명합니다.
구성 요소 버전
AEM 6.3
AEM 6.4
AEM 6.5
클라우드 서비스로서의 AEM
v2
-
호환 가능
호환 가능
호환 가능
호환 가능
호환 가능
호환 가능
-
핵심 구성 요소 버전 및 릴리스에 대한 자세한 내용은 핵심 구성 요소 버전을 참조하십시오 .
페이지 구성 요소 및 AEM 6.3의 버전 2에 대해
cq:Page
수준에서 리디렉션을 활성화하려면 서비스 팩 2 이상이 필요합니다. 이전 릴리스에서는 이러한 리디렉션을 사용할 수 없었습니다.

기술 세부 정보

페이지 구성 요소에 대한 최신 기술 문서는 GitHub에서 찾을 수 있습니다 .
핵심 구성 요소 개발에 대한 자세한 내용은 핵심 구성 요소 개발자 설명서를 참조하십시오 .

Edit Dialog

구성 요소는 전체 페이지를 나타내므로, 일반적으로 편집 대화 상자에 있는 설정은 페이지 속성 창에서 찾을 수 있습니다.

디자인 대화 상자

구성 요소는 전체 페이지를 나타내므로 페이지 템플릿을 편집할 때
페이지 정보 -> 페이지 정책을
통해 디자인 대화 상자에 액세스합니다.
이전 버전의 AEM에서
페이지
정책을
페이지 디자인이라고 했습니다
.

속성 탭

페이지 디자인 창에서 로드할 클라이언트 라이브러리와 페이지의 웹 리소스 라이브러리를 정의할 수 있습니다.
  • 클라이언트 라이브러리
    - 로드할 클라이언트 라이브러리 범주를 정의합니다. JavaScript는 본문 끝에 추가되고 CSS가 페이지 헤드에 추가됩니다.
  • 클라이언트 라이브러리 JavaScript 페이지 헤드
    - 페이지 헤드에서 로드할 JavaScript 클라이언트 라이브러리 범주를 정의합니다.
    • 여기에 정의된 카테고리는
      클라이언트 라이브러리
      필드에도 있으며 본문 끝이 아니라 페이지 헤드에 JavaScript가 로드됩니다.
    • 카테고리가
      클라이언트 라이브러리
      필드에도 없는 경우 CSS가 로드되지 않습니다.
  • 웹 리소스 클라이언트 라이브러리
    - 파비콘 등의 웹 리소스를 제공하는 데 사용되는 클라이언트 라이브러리 카테고리입니다.
  • 기본 컨텐츠 요소 선택기로
    건너뛰기 - 페이지의 기본 컨텐츠로 바로 건너뛸 수 있는 액세스 기능으로 사용됩니다.
라이브러리는 다음과 같이
클라이언트 라이브러리
클라이언트 라이브러리 JavaScript 페이지 헤드
필드 모두에 대해 구성할 수 있습니다.
  • 새 필드를 추가하려면 필드 아래에 있는
    추가
    단추를 클릭하거나 탭합니다.
  • 필드를 제거하려면 제거할 필드 옆에 있는 휴지통 아이콘을 클릭하거나 탭합니다.
  • 로드 순서를 재정렬하려면 이동할 필드 옆에 있는 핸들을 클릭하거나 탭하고 드래그합니다.
클라이언트측 라이브러리 사용에 대한 자세한 내용은 클라이언트측 라이브러리 사용을 참조하십시오 .
페이지 헤드에 대한 클라이언트 라이브러리를 별도로 정의하는 기능은 핵심 구성 요소 릴리스 2.2.0과 함께 도입되었습니다.

스타일 탭

페이지 구성 요소는 AEM 스타일 시스템을 지원합니다 .