페이지 구성 요소는 템플릿 편집기와 함께 작동하도록 설계된 확장 가능한 페이지 구성 요소로서, 페이지 머리글/바닥글 및 구조 구성 요소를 템플릿 편집기로 조합할 수 있도록 합니다.
페이지 구성 요소는 편집 가능한 템플릿뿐만 아니라 핵심 구성 요소로 디자인된 모든 페이지의 기반을 형성합니다. 페이지 구성 요소, 머리글, 바닥글 및 페이지 구조를 다른 핵심 구성 요소를 사용하여 템플릿으로 정의할 수 있습니다.
디자인 대화 상자를 사용하여 페이지에 대한 사용자 정의 클라이언트측 라이브러리를 정의할 수 있습니다. 구성 요소는 페이지 자체이므로 구성 요소에서 직접 액세스할 수 있는 편집 대화 상자가 있는 다른 구성 요소와 달리 페이지 구성 요소의 편집 대화 상자는 페이지 속성 창입니다.
페이지 구성 요소의 현재 버전은 v2이며, 2018년 1월에 핵심 구성 요소 릴리스 2.0.0에 도입되었으며 이 문서에 설명되어 있습니다.
다음 표에서는 구성 요소의 지원되는 모든 버전, 구성 요소 버전이 호환되는 AEM 버전 및 이전 버전에 대한 설명서 링크에 대해 자세히 설명합니다.
구성 요소 버전 | AEM 6.4 | AEM 6.5 | AEM as a Cloud Service |
---|---|---|---|
v2 | 호환 가능 | 호환 가능 | 호환 가능 |
v1 | 호환 가능 | 호환 가능 | - |
핵심 구성 요소 버전 및 릴리스에 대한 자세한 내용은 핵심 구성 요소 버전 문서를 참조하십시오.
페이지 구성 요소 에 대한 최신 기술 문서는 GitHub에서 찾을 수 있습니다.
핵심 구성 요소 개발에 대한 자세한 내용은 핵심 구성 요소 개발자 설명서에서 확인할 수 있습니다.
구성 요소는 전체 페이지를 나타내므로, 일반적으로 편집 대화 상자에 있는 설정은 페이지 속성 창에 있습니다.
구성 요소는 전체 페이지를 나타내므로 페이지 템플릿을 편집할 때 페이지 정보 -> 페이지 정책을 통해 디자인 대화 상자에 액세스합니다.
이전 버전의 AEM에서는 페이지 정책을 페이지 디자인이라고 불렀습니다.
페이지 디자인 창에서 로드할 클라이언트 라이브러리와 페이지의 웹 리소스 라이브러리를 정의할 수 있습니다.
클라이언트 라이브러리 - 로드할 클라이언트 라이브러리 범주를 정의합니다. JavaScript는 본문 끝에 추가되고 CSS가 페이지 헤드에 추가됩니다.
클라이언트 라이브러리 JavaScript 페이지 헤드 - 페이지 헤드에 로드할 JavaScript 클라이언트 라이브러리 범주를 정의합니다.
웹 리소스 클라이언트 라이브러리 - 파비콘 등의 웹 리소스를 제공하는 데 사용되는 클라이언트 라이브러리 카테고리입니다.
기본 컨텐츠 요소 선택기로 건너뛰기 - 액세서빌러티 기능으로 사용하여 페이지의 기본 컨텐츠로 바로 건너뛸 수 있습니다.
라이브러리는 다음과 같이 클라이언트 라이브러리 및 클라이언트 라이브러리 JavaScript 페이지 헤드 필드에 모두 구성할 수 있습니다.
클라이언트측 라이브러리 사용에 대한 자세한 내용은 클라이언트측 라이브러리 사용을 참조하십시오.
페이지 헤드에 대한 클라이언트 라이브러리를 별도로 정의하는 기능은 핵심 구성 요소 릴리스 2.2.0과 함께 도입되었습니다.
페이지 구성 요소는 AEM 스타일 시스템을 지원합니다.