핵심 구성 요소로 작성합니다.

마지막 업데이트: 2024년 7월 13일

작성 대상:

Adobe Experience Manager에서 구성 요소는 작성 중인 페이지의 콘텐츠를 구성하는 구조적 요소입니다.

핵심 구성 요소는 유연하고 다양한 작성 기능을 제공합니다. WKND 참조 사이트는 핵심 구성 요소를 사용하여 다양한 웹 사이트 경험을 구현하는 방법을 보여 줍니다.

핵심 구성 요소를 경험하고 구성 옵션의 샘플뿐만 아니라 HTML 및 JSON 출력을 확인하려면 구성 요소 라이브러리를 참조하십시오.

AEM Project Archetype을 사용하여 AEM 프로젝트에서 개발자 중심의 핵심 구성 요소를 구현하려면 WKND 튜토리얼을 확인하십시오.

NOTE

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

CAUTION

구성 요소에는 AEM 6.4 이상 버전이 필요하고 편집 가능한 템플릿을 사용해야 합니다. 클래식 UI와 정적 템플릿에서는 작동하지 않습니다.

핵심 구성 요소로 작성

작성자는 다음을 포함하여 핵심 구성 요소의 몇 가지 이점을 알 수 있습니다.

구성 요소는 페이지를 편집할 때 페이지 편집기의 측면 패널에 있는 구성 요소 탭에서 사용할 수 있습니다.

구성 요소는 구성 요소 그룹이라는 범주에 따라 그룹화되어 구성 요소를 간단하게 구성하고 필터링할 수 있습니다. 구성 요소 그룹은 구성 요소 브라우저의 구성 요소와 함께 표시됩니다. 또한 그룹별로 적합한 구성 요소를 간단히 검색할 수 있습니다.

NOTE

기본적으로 핵심 구성은 숨겨진 그룹의 일부이며 구성 요소 브라우저에는 표시되지 않습니다.

필수 구성 요소를 시각화 그룹에 추가하거나 작성자가 구성 요소를 사용할 수 있도록 사용자 정의합니다.

기초 구성 요소 구성은 개발자의 업무입니다. 하지만, 이제 템플릿 작성자는 템플릿 편집기를 통해 핵심 구성 요소로 여러 기능을 구성할 수 있습니다.

예를 들어 이미지 구성 요소를 통해 파일 시스템에서 이미지를 업로드하거나 텍스트 구성 요소를 통해 특정 단락을 지정하는 경우 클릭 한 번으로 이러한 기능을 활성화하거나 비활성화할 수 있습니다.

자세한 내용은 페이지 템플릿 제작을 참조하십시오.

템플릿 작성자가 핵심 구성 요소를 사전 구성하여 템플릿의 일부로 허용된 옵션을 정의한 다음 페이지 작성자가 핵심 구성 요소를 구성하여 실제 페이지 콘텐츠를 정의할 수 있기 때문에 각 구성 요소에는 서로 다른 두 개의 대화 상자 옵션이 있을 수 있습니다.

	설명	제어 항목	예
편집 대화 상자	배치된 구성 요소에 대한 일반 페이지 편집 도중 페이지 작성자 가 수정할 수 있는 옵션	구성 요소에 표시되는 콘텐츠 및 페이지에 최종 표시되는 방법.	콘텐츠 텍스트 서식을 지정하면서 페이지의 이미지를 회전합니다.
디자인 대화 상자	페이지 템플릿 구성 시 템플릿 작성자 가 수정할 수 있는 옵션	구성 요소 편집 시 페이지 작성자가 사용할 수 있는 옵션	텍스트 서식 지정 옵션 및 이미지 위치 고정 옵션 사용 가능

AEM 스타일 시스템을 통해 추가 핵심 구성 요소의 스타일을 정의합니다.

자세한 내용은 스타일 시스템 설명서를 참조하십시오.

핵심 구성 요소에 대한 기술 정보를 보려면 핵심 구성 요소 개발의 개발자 설명서를 참조하십시오.