핵심 구성 요소 소개

마지막 업데이트: 2024년 10월 29일

작성 대상:

  • 개발자
  • 관리자
  • 사용자

Adobe Experience Manager에서 구성 요소는 작성 중인 페이지의 콘텐츠를 구성하는 구조적 요소입니다. 구성 요소는 항상 AEM 경험의 기본 요소로, 이를 통해 작성자는 간단하지만 강력한 페이지를 만들 수 있고 개발자는 유연하고 확장 가능한 구성 요소를 개발할 수 있습니다.

핵심 구성 요소는 AEM에서 개발 시간을 가속화고 웹 사이트의 유지 관리 비용을 절감할 수 있는 표준화된 웹 콘텐츠 관리(WCM) 구성 요소입니다.

리소스

  • 구성 요소 라이브러리: 다양한 구성으로 구성 요소를 확인할 수 있는 예제 컬렉션

  • 구성 요소 설명서(본 문서): 개발자 및 작성자용 (각 구성 요소에 대한 세부 정보 포함)

  • 핵심 구성 요소 GitHub 저장소: 개발자용 (각 구성 요소에 대한 세부 정보 및 프로젝트 다운로드 포함)

  • 시작하기:

기능

제작 준비핵심 구성 요소는 충분한 테스트를 받고, 용도가 다양하고 성능이 탁월한 30개의 강력한 WCM 구성 요소입니다.
클라우드 기반AEM as a Cloud Service, Adobe Managed Services 또는 온프레미스 등 어디에 있든 작동합니다.
유연성구성 요소는 작성자가 거의 모든 레이아웃을 조합할 수 있는 일반 개념을 보여 줍니다.
구성 가능템플릿 수준의 콘텐츠 정책은 페이지 작성자가 사용하거나 사용할 수 없는 기능을 정의합니다.
반응형모든 핵심 구성 요소는 완벽하게 반응하도록 설계되어 여러 장치에서 원활한 경험을 보장합니다.
추적 가능Adobe 클라이언트 데이터 레이어 통합 기능을 통해 모든 측면의 방문자 경험을 추적할 수 있습니다.
액세스 가능WCAG 2.1 표준을 준수하고 ARIA 레이블을 제공하며 키보드 탐색을 지원합니다(알려진 문제).
SEO 친화도HTML 출력은 의미가 있으며 schema.org 마이크로 데이터 주석을 제공합니다.
WebApp 기반간소화된 JSON 출력을 통해 클라이언트측을 렌더링하고 상황에 맞게 편집할 수 있습니다.
AMP 지원구성 요소는 AMP 표준에 대한 내장된 지원을 제공하고 모바일 경험을 가속화합니다.
디자인 키트디자이너는 Adobe XD용 UL 키트를 통해 필요에 따라 스타일링될 수 있는 와이어프레임을 만들 수 있습니다.
테마 적용 가능구성 요소는 스타일 시스템을 구현하고 마크업이 BEM CSS 명명을 따릅니다
사용자 정의 가능몇 가지 패턴을 사용하여 HTML 조정부터 고급 기능 재사용까지 간편한 맞춤화를 구현할 수 있습니다.
버전 관리버전 관리 정책을 사용하여 몇 가지 개선 사항을 수정하면 사이트는 핵심 구성 요소에 의해 연결이 끊기지 않습니다.
현지화 가능스마트 참조 해상도를 사용하면 특정 구성 요소에서 현지화된 해당 콘텐츠를 자동으로 검색하여 렌더링할 수 있습니다.
오픈 소스매출이 평소와 같지 않다면 자신의 성과를 공개하십시오.

WCM 구성 요소

핵심 구성 요소의 현재 버전은 다음 구성 요소 기능이 있습니다.

템플릿 구성 요소

페이지 작성 구성 요소

컨테이너 구성 요소

양식 구성 요소

NOTE
작성자는 핵심 구성 요소를 즉시 사용할 수 없으며, 개발 팀에서 먼저 핵심 구성 요소를 환경에 통합해야 합니다. 통합되면 템플릿 편집기를 통해 사용 및 사전 구성할 수 있습니다.
NOTE
개별 핵심 구성 요소의 일부 버전은 특정 AEM 버전과 호환될 수 있습니다.
특정 구성 요소에 대한 개별 도움말 페이지(이전 목록에 연결됨)에서 호환성 정보를 참조하거나 핵심 구성 요소 버전 문서에서 자세한 내용을 참조하십시오.

시스템 요구 사항

핵심 구성 요소 릴리스AEM as a Cloud ServiceAEM 6.5 패치 수준Java SE 버전Maven 버전
2.27.0반복6.5.21.0+8, 113.3.9+

이전 핵심 구성 요소 릴리스의 요구 사항을 알아보려면 핵심 구성 요소 버전을 참조하십시오.

구성 요소는 편집 가능한 템플릿을 사용하고 클래식 UI와 정적 템플릿을 지원하지 않습니다. 필요한 경우 AEM 현대화 도구를 사용하여 해당 최신 AEM 기능이 포함된 프로젝트를 업데이트합니다.

로컬 개발 환경을 설정하려면 기존 버전의 AEM에 대한 AEM as a Cloud Service SDK 개요나 본 문서를 참조하십시오.

TIP
핵심 구성 요소는 자동으로 AEM as a Cloud Service의 일부로 적용되고, 핵심 구성 요소 릴리스는 언제나 최신 버전입니다.
AEMaaCS와 온프레미스에서 핵심 구성 요소를 시작하는 방법에 대한 자세한 내용은 핵심 구성 요소 사용 문서를 참조하십시오.

기타 구성 요소

핵심 구성 요소에 빌드된 AEM 작성자가 사용할 수 있는 추가 구성 요소가 있습니다.

  • 이메일 핵심 구성 요소 - 특히 Adobe Campaign과 함께 사용하기 위해 핵심 구성 요소의 상단에 빌드된 구성 요소를 살펴보십시오.

Experience Manager