설명서AEM 6.4Developing 안내서

구성 요소 개요 components-overview

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • Developer
CAUTION
AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은 기술 지원 기간. 지원되는 버전 찾기 여기.

이 페이지는 페이지 작성에 사용되는 구성 요소와 같은 Adobe Experience Manager(AEM) 구성 요소에 대한 개요를 제공합니다.

구성 요소란 무엇입니까? what-exactly-is-a-component

  • 웹 사이트에 콘텐츠를 표시할 특정 기능을 실현하는 모듈식 단위입니다.
  • 재사용할 수 있습니다.
  • 저장소의 한 폴더에 자체 포함되는 단위로 개발했습니다.
  • 숨겨진 구성 파일이 없습니다.
  • 다른 구성 요소를 포함할 수 있습니다.
  • 모든 AEM 시스템 내에서 어디에서나 실행할 수 있습니다. 특정 구성 요소에서 실행되도록 제한할 수도 있습니다.
  • 표준화된 사용자 인터페이스가 있습니다.
  • 구성할 수 있는 편집 비헤이비어가 있습니다.
  • Granite UI 구성 요소 기반의 하위 요소를 사용하여 빌드한 대화 상자를 사용합니다
  • 를 사용하여 개발 HTL (권장) 또는 JSP입니다.
  • 기본 기능을 확장하는 사용자 지정된 구성 요소를 만들기 위해 개발할 수 있습니다.

구성 요소가 모듈식이므로 다음과 같은 작업을 수행할 수 있습니다.

  • 로컬 인스턴스에서 새 구성 요소를 개발합니다.
  • 테스트 환경에 배포합니다.
  • 작성자 및/또는 관리자가 콘텐츠를 추가 및 구성할 수 있는 라이브 작성 환경에 배포합니다.
  • 웹 사이트 방문자의 콘텐츠를 렌더링하는 데 사용되는 라이브 게시 환경에 배포합니다. 특정 구성 요소(예: 커뮤니티)도 사용자의 입력을 허용합니다.

각 AEM 구성 요소:

  • 리소스 유형입니다.
  • 특정 기능을 완벽하게 실현하는 스크립트 모음입니다.
  • 에서 작동 가능 격리: AEM 또는 포털 내에서 를 의미합니다.

AEM 내에서 바로 사용 가능한 구성 요소 out-of-the-box-components-within-aem

AEM에는 다음과 같은 다양한 기능이 포함되어 있습니다 즉시 사용 가능한 구성 요소 는 다음을 포함한 포괄적인 기능을 제공합니다.

  • 단락 시스템 ( parsys)
  • 페이지 ( responsivegrid - 터치 지원 UI만 해당)
  • 텍스트
  • 이미지, 텍스트 포함
  • 도구 모음

제공된 구성 요소와 내의 사용 샘플 We.Retail 웹 사이트 구성 요소를 구현하고 사용하는 방법을 보여 줍니다. 구성 요소는 모든 소스 코드와 함께 제공되고, 그대로 사용하거나 수정 또는 확장된 구성 요소의 시작점으로 사용할 수 있습니다.

핵심 구성 요소 및 기초 구성 요소 core-components-and-foundation-components

사용할 수 있는 Adobe 제공 AEM 구성 요소 세트에는 두 가지가 있습니다.

핵심 구성 요소 는 AEM 6.3에서 도입되었으며 유연하고 기능이 풍부한 작성 기능을 제공합니다. 다음 We.Retail 참조 사이트 는 핵심 구성 요소를 사용할 수 있는 방법을 설명하고 구성 요소 개발의 현재 모범 사례를 나타냅니다.

기초 구성 요소 AEM은 다양한 버전에서 사용할 수 있으며 표준 AEM 설치에서 기본적으로 사용할 수 있습니다. 여전히 지원되지만, 대부분은 더 이상 사용되지 않으며, 더 이상 개선되지 않으며, 레거시 기술을 기반으로 합니다.

NOTE
핵심 구성 요소 구성 요소 디자인 및 개발에 대한 현재 모범 사례를 나타내며 참조 구현으로 사용됩니다.
AEM 현대화 도구 핵심 구성 요소로의 마이그레이션에 도움이 될 수 있습니다.

사용 가능한 구성 요소 보기 viewing-available-components

AEM 인스턴스에 사용 가능한 모든 구성 요소에 대한 개요를 보려면 구성 요소 콘솔을 사용하십시오.

또는 CRXDE Lite를 사용하여 저장소에 사용 가능한 모든 구성 요소 목록을 가져올 수도 있습니다.

  1. CRXDE Lite ​의 도구 모음에서 도구 ​를 선택한 다음 쿼리 ​를 선택하여 쿼리 탭을 엽니다.

  2. 쿼리 탭에서 XPath를 유형 ​으로 선택합니다.

  3. 쿼리 입력 필드에 다음 문자열을 입력합니다.

    //element(*, cq:Component)

  4. 실행 ​을 클릭하면 구성 요소가 나열됩니다.

추가 리소스 further-reading

다음 페이지에서는 이러한 구성 요소 및 기타 구성 요소 개발에 대한 자세한 정보를 제공합니다.

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e