핵심 구성 요소 소개

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

핵심 구성 요소는 개발 시간을 단축하고 웹 사이트의 유지 관리 비용을 줄일 수 있는 AEM용 표준화된 WCM(Web Content Management) 구성 요소 세트입니다.

리소스

  • 구성 요소 라이브러리: 다양한 구성의 구성 요소를 보는 예제 모음입니다.
  • 구성 요소 설명서(이 문서): 개발자와 작성자를 위한 각 구성 요소에 대한 세부 사항입니다.
  • 핵심 구성 요소 GitHub 저장소: 각 구성 요소 및 프로젝트 다운로드에 대한 개발자 세부 사항을 보려면
  • 시작하기:
    • 핵심 구성 요소 사용 성공: 핵심 구성 요소를 사용할 프로젝트를 시작하기 전에 미리 고려하는 가이드라인.
    • WKND 자습서: 새 사이트를 만들기 위한 2일 자습서입니다.
    • Summit 자습서: 새 사이트 구축을 위한 2시간 자습서(US Summit 2019의 Lab)입니다.
    • [Gems 웨비나: 핵심 ](https://helpx.adobe.com/kr/experience-manager/kt/eseminars/gems/AEM-Core-Components.html에서 확인하십시오.) 구성 요소 둘러보기(2018년 12월 녹화)

기능

프로덕션 준비 핵심 구성 요소는 테스트를 잘 거친 강력한 28개의 구성 요소로서 널리 사용되고 성능이 우수합니다.
Cloud-Ready AEM에서 Cloud Service, Adobe Managed Services 또는 온-프레미스 중 어느 것이든 모두 작동합니다.
유연성 구성 요소는 작성자가 거의 모든 레이아웃을 구성할 수 있는 일반적인 개념을 나타냅니다.
구성 가능 템플릿 수준 컨텐트 정책은 페이지 작성자가 사용할 수 있거나 사용할 수 없는 기능을 정의합니다.
추적 가능 Adobe 클라이언트 데이터 레이어 통합을 사용하면 방문자 경험의 모든 측면을 추적할 수 있습니다.
액세스 가능 이러한 파트너는 WCAG 2.1 표준을 준수하고, ARIA 레이블을 제공하고, 키보드 탐색(알려진 문제)을 지원합니다.
SEO-Friendly HTML 출력은 의미적이며 schema.org 마이크로데이터 주석을 제공합니다.
WebApp-Ready 간소화된 JSON 출력상황에 맞는 편집과 함께 클라이언트측 렌더링을 허용합니다.
AMP 지원 구성 요소는 모바일 경험을 가속화하는 AMP 표준에 대한 지원이 내장되어 있습니다.
디자인 키트 디자이너는 Adobe XD](/docs/experience-manager-learn/assets/AEM-CoreComponents-UI-Kit.xd?lang=ko)용 [UI 키트를 사용하여 와이어프레임을 만든 다음 필요한 경우 스타일을 만들 수 있습니다.
사용 가능 구성 요소는 스타일 시스템을 구현하며, 마크업은 BEM CSS 규칙을 따릅니다.
사용자 정의 가능 몇 가지 패턴을 통해 사용자 정의이 HTML 조정에서 고급 기능 재사용에 이르기까지 간편합니다.
버전 관리 버전 관리 정책에서는 사용자에게 영향을 줄 수 있는 사항을 개선할 때 핵심 구성 요소가 사이트를 벗어나지 않도록 합니다.
현지화 가능 스마트 참조 해상도를 사용하면 특정 구성 요소가 해당 지역화된 컨텐츠를 자동으로 찾아 렌더링할 수 있습니다](get-started/localization.md).[
오픈 소스 원하는 내용이 아니면 개선 사항을 증여하십시오!

구성 요소

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

템플릿 구성 요소

페이지 작성 구성 요소

컨테이너 구성 요소

양식 구성 요소

노트

작성자는 핵심 구성 요소를 즉시 사용할 수 없습니다. 개발 팀에서 먼저 핵심 구성 요소를 환경에 통합해야 합니다. 통합되면 템플릿 편집기를 통해 사용 및 사전 구성할 수 있습니다.

노트

개별 핵심 구성 요소의 일부 버전은 특정 AEM 버전과 호환될 수 있습니다.

특정 구성 요소에 대한 개별 도움말 페이지(이전 목록에 연결됨)에서 호환성 정보를 참조하거나 핵심 구성 요소 버전 문서에서 자세한 내용을 참조하십시오.

시스템 요구 사항

코어 구성 요소 AEM as a Cloud Service AEM 6.5 AEM 6.4 Java SE 마벤
2.16.0 지속적인 6.5.5.0+ * 6.4.8.1+ * 8,11 3.3.9+
노트

(*) 버전 2.11.0 이후 org.apache.sling.models.impl 버전 1.4.12 이상이 필요합니다(SLING-8781). 이 서비스는 향후 서비스 팩에서 AEM 6.4 및 6.5용으로 제공됩니다. 그때까지 Sling Models 번들은 core.wcm.components.all 패키지에 포함됩니다.

이전 핵심 구성 요소 릴리스의 요구 사항은 핵심 구성 요소 버전을 참조하십시오.

핵심 구성 요소는 편집 가능한 템플릿을 사용해야 하며 클래식 UI나 정적 템플릿을 지원하지 않습니다. 필요한 경우 AEM 현대화 도구를 확인하여 최신 AEM 기능으로 프로젝트를 업데이트하십시오.

로컬 개발 환경을 설정하려면 AEM에 대한 이 개요를 Cloud Service SDK](https://docs.adobe.com/content/help/ko-KR/experience-manager-learn/cloud-service/local-development-environment-set-up/overview.html) 또는 이전 버전의 AEM](https://docs.adobe.com/content/help/ko-KR/experience-manager-learn/foundation/development/set-up-a-local-aem-development-environment.html)의 경우 이 문서 [에서 확인하십시오.[

핵심 구성 요소는 Cloud Service으로 AEM에 자동으로 포함되며 항상 핵심 구성 요소의 최신 릴리스를 사용할 수 있습니다.

AEMaaCS 및 온-프레미스에서 코어 구성 요소를 시작하는 방법에 대한 자세한 내용은 핵심 구성 요소 사용 문서를 참조하십시오.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now