페이지 구성 요소 page-component

페이지 구성 요소는 템플릿 편집기로 작업하고, 페이지 머리글과 바닥글 및 구조 구성 요소를 조합할 수 있는 확장 가능한 페이지 구성 요소입니다.

사용량 usage

페이지 구성 요소는 핵심 구성 요소와 편집 가능한 템플릿으로 디자인된 모든 페이지의 기초 구성 요소입니다. 페이지 구성 요소를 사용하여 머리말, 바닥글과 페이지 구조를 다른 핵심 구성 요소를 사용하는 템플릿으로 정의할 수 있습니다.

디자인 대화 상자를 사용하여 페이지에 대한 맞춤형 클라이언트측 라이브러리를 정의할 수 있습니다. 구성 요소에서 바로 편집 대화 상자에 액세스할 수 있는 기타 구성 요소와 다르게, 페이지 구성 요소는 페이지 자체이므로 페이지 구성 요소의 편집 대화 상자가 페이지 속성 창입니다.

버전 및 호환성 version-and-compatibility

현재 버전의 페이지 구성 요소는 2022년 2월 핵심 구성 요소 릴리스 2.18.0과 함께 도입된 v3입니다. 이 문서에서는 해당 구성 요소에 대해 설명합니다.

다음 표에서 구성 요소의 모든 지원 버전, 구성 요소 버전과 호환되는 AEM 버전 및 이전 버전에 대한 설명서 링크에 대해 자세히 살펴볼 수 있습니다.

핵심 구성 요소 버전 및 릴리스에 대한 자세한 내용은 핵심 구성 요소 버전을 참조하십시오.

점진적 웹 앱 지원 pwa-support

핵심 구성 요소의 릴리스 2.15.0에서는 AEM as a Cloud Service 빌트인 점진적 웹 앱(PWA) 기능에 대한 지원을 도입했습니다. 사이트 수준의 간단한 구성을 통해 AEM 경험을 PWA로 전환할 수 있습니다.

기술 세부 사항 technical-details

페이지 구성 요소에 대한 최신 기술 설명서는 GitHub에서 확인할 수 있습니다.

핵심 구성 요소 개발에 대한 자세한 내용은 핵심 구성 요소 개발자 설명서를 참조하십시오.

편집 대화 상자 edit-dialog

구성 요소는 전체 이미지를 보여 주기 때문에 일반적으로 편집 대화 상자에 포함된 설정은 페이지 속성에서 찾을 수 있습니다.

디자인 대화 상자 design-dialog

구성 요소는 전체 이미지를 보여 주기 때문에 페이지 템플릿 편집 시 디자인 편집 상자는 페이지 정보 -> 페이지 정책 ​을 통해 액세스할 수 있습니다.

속성 탭 properties-tab

페이지 디자인 창을 사용하여 페이지에 로드할 클라이언트 라이브러리와 웹 리소스를 정의할 수 있습니다.

클라이언트 라이브러리 ​와 클라이언트 라이브러리 JavaScript 페이지 헤드 필드 모두에 라이브러리를 구성될 수 있습니다.

client-side 라이브러리 사용에 대한 자세한 내용은 클라이언트측 라이브러리 사용을 참조하십시오.

스타일 탭 styles-tab

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

Adobe 클라이언트 데이터 레이어 data-layer

페이지 구성 요소는 Adobe 클라이언트 데이터 레이어지원합니다.