AEM 구성 요소 개발 - 코드 샘플

이 섹션에서는 AEM용 구성 요소를 직접 만드는 방법에 대한 몇 가지 예를 제공합니다.

기본 개념을 보려면 다음을 참조하십시오.

클래식 UI에 대한 자세한 내용은 클래식 UI](/docs/experience-manager-64/sites-developing/developing-components-classic.html?lang=ko)AEM 구성 요소를 참조하십시오.[

노트

구성 요소를 분석, 테스트 및 디버깅하는 데 도움이 되도록 AEM에서는 다음을 제공합니다.

  • 개발자 모드
  • Hobes.js 라이브러리](/docs/experience-manager-64/sites-developing/hobbes.html?lang=ko)에 기반한 테스트 자동화를 위한 [프레임워크

코드 샘플 - 대화 상자 필드 사용자 지정 방법

GITHUB에 대한 코드

GitHub에서 이 페이지의 코드를 찾을 수 있습니다

노트

이 코드 샘플은 대화 상자 필드 사용자 지정의 AEM Gems 세션과 관련되어 있습니다.

구성 요소 도구 모음에 새 작업 추가

페이지 편집기의 편집 레이어를 사용하여 구성 요소 도구 모음에 새 작업을 추가할 수 있습니다.

코드 샘플에 대한 링크와 함께 세부 사항은 구성 요소 도구 모음에 새 작업 추가 아래에 있습니다.

컨텐츠 조각 사용자 지정 및 확장

표준 컨텐츠 조각 구성 요소를 확장하여 기능을 추가할 수 있습니다.

자세한 내용은 컨텐츠 조각 사용자 지정 및 확장에 있습니다.

이 페이지에서는