Show Menu
화제×

구성 요소 개요

구성 요소란?

  • 웹 사이트에 컨텐츠를 제공하기 위한 특정 기능을 구현하는 모듈형 도구입니다.
  • 재사용
  • 저장소의 한 폴더 내에 자체 포함된 단위로 개발되었습니다.
  • 숨겨진 구성 파일이 없습니다.
  • 다른 구성 요소를 포함할 수 있습니다.
  • 모든 AEM 시스템 내에서 아무 곳이나 실행할 수 있습니다. 특정 구성 요소에서 실행되도록 제한할 수도 있습니다.
  • 표준화된 유저 인터페이스를 사용합니다.
  • 구성할 수 있는 편집 비헤이비어가 있습니다.
  • # Use dialog box that are built using sub-elements based on Granite UI components
  • HTL(권장) user-guide.html 또는 JSP를 사용하여 개발됩니다.
  • 기본 기능을 확장하는 사용자 정의 구성 요소를 만들기 위해 개발할 수 있습니다.
구성 요소는 모듈이므로 다음을 수행할 수 있습니다.
  • 로컬 인스턴스에서 새 구성 요소를 개발합니다.
  • 테스트 환경에 배포합니다.
  • 작성자 및/또는 관리자가 컨텐츠를 추가 및 구성할 수 있는 라이브 제작 환경에 배포합니다.
  • 웹 사이트 방문자의 컨텐츠를 렌더링하는 데 사용되는 라이브 게시 환경에 배포합니다. 커뮤니티 등의 특정 구성 요소도 사용자의 입력을 수락합니다.
각 AEM 구성 요소:
  • 리소스 유형입니다.
  • 특정 기능을 완벽하게 구현하는 스크립트 모음입니다.
  • AEM 또는 포털 내에서 격리된 ​기능을 수행할 수 있습니다.

AEM 내 기본 구성 요소

AEM comes with a variety of out-of-the-box components that provide comprehensive functionality including:
  • 단락 시스템 ( parsys )
  • 페이지( responsivegrid - 터치 지원 UI만 해당)
  • 텍스트
  • 이미지, 텍스트 포함
  • 도구 모음
제공된 구성 요소 및 샘플 We.Retail 웹 사이트 내의 해당 사용은 구성 요소를 구현하고 사용하는 방법을 보여줍니다. 구성 요소는 모든 소스 코드와 함께 제공되므로 수정하거나 확장된 구성 요소의 시작점으로 사용할 수 있습니다.

핵심 구성 요소 및 기본 구성 요소

사용할 수 있는 Adobe에서 제공하는 AEM 구성 요소 세트는 두 가지입니다.
핵심 구성 요소는 AEM 6.3에서 도입되었으며 유연하고 기능이 풍부한 작성 기능을 제공합니다. We. Retail 참조 사이트는 핵심 구성 요소를 어떻게 사용하고 구성 요소 개발의 현재 모범 사례를 나타냅니다.
Foundation 구성 요소는 여러 버전의 AEM에서 사용할 수 있으며 표준 AEM 설치에서 바로 사용할 수 있습니다. 여전히 지원되지만, 대부분은 더 이상 사용되지 않으며, 더 이상 향상된 기능이 없으며, 이전 기술을 기반으로 합니다.
핵심 구성 요소는 구성 요소 디자인 및 개발에 대한 최신 모범 사례를 나타내며 참조 구현 역할을 합니다.
AEM 현대화 도구는 핵심 구성 요소로 마이그레이션하는 데 도움이 될 수 있습니다.

사용 가능한 구성 요소 보기

AEM 인스턴스에서 사용 가능한 모든 구성 요소에 대한 개요를 보려면 구성 요소 콘솔을 사용하십시오 .
또는 CRXDE Lite를 사용하여 저장소에서 사용 가능한 모든 구성 요소 목록을 가져올 수도 있습니다.
  1. CRXDE Lite에서 ​도구 모음에서 도구를 선택한 다음 쿼리 ​탭을 여는 쿼리를 선택합니다.
  2. 쿼리 탭에서 유형으로 XPath 선택합니다 .
  3. 쿼리 입력 필드에 다음 문자열을 입력합니다.
    //element(*, cq:Component)
  4. 실행을 클릭하면 구성 요소가 나열됩니다.