구성 요소 개요

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

구성 요소란 무엇입니까?

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

구성 요소는 모듈이므로 다음 작업을 수행할 수 있습니다.

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

각 AEM 구성 요소:

  • 리소스 유형입니다.
  • 는 특정 기능을 완전히 구현하는 스크립트 컬렉션입니다.
  • 는 AEM 또는 포털 내에서 를 의미하는 격리​에서 작동할 수 있습니다.

AEM 내에서 바로 사용 가능한 구성 요소

AEM에는 다음과 같은 광범위한 기능을 제공하는 다양한 구성 요소가 포함되어 있습니다.

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

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

코어 구성 요소 및 기초 구성 요소

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

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

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

노트

핵심 구성 요소는 구성 요소 디자인 및 개발에 대한 현재 모범 사례를 나타내며 참조 구현으로 사용됩니다.

AEM 현대화 도구 를 통해 핵심 구성 요소로 마이그레이션할 수 있습니다.

사용 가능한 구성 요소 보기

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

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

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

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

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

    //element(*, cq:Component)

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

추가 리소스

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

이 페이지에서는