Show Menu
화제×

커뮤니티 구성 요소용 Clientlibs

소개

설명서의 이 섹션에서는 커뮤니티 구성 요소의 페이지에 클라이언트측 라이브러리(clientlibs)를 추가하는 방법에 대해 설명합니다.
기본 정보는 다음을 참조하십시오.

Clientlibs가 필요한 이유

Clientlibs는 구성 요소의 적절한 기능(JavaScript) 및 스타일링(CSS)을 위해 필요합니다.
기능에 대한 커뮤니티 기능이 있으면 필요한 clientlibs를 비롯한 모든 필수 구성 요소 및 구성이 커뮤니티 사이트에 표시됩니다. 작성자가 추가 구성 요소를 사용할 수 있도록 해야 하는 경우에만 추가 클라이언트 라이브러리를 추가해야 합니다.
필요한 clientlibs가 누락되면 페이지에 커뮤니티 구성 요소를 추가하면 Javascript 오류와 예기치 않은 모양이 발생할 수 있습니다.

예:Clientlibs를 사용하지 않은 평가

예:Clientlibs를 사용한 평가

필수 클라이언트 식별

개발자를 위한 필수 기능 정보는 필요한 클라이언트를 식별합니다.
또한 AEM 인스턴스에서 커뮤니티 구성 요소 안내서를 탐색하면 구성 요소에 필요한 clientlib 카테고리 목록에 액세스할 수 있습니다.
예를 들어, # 페이지의 맨 위에 나열된 필수 clientlibs는
  • cq.ckeditor
  • cq.social.hbs.reviews

필수 클라이언트 추가

페이지에 커뮤니티 구성 요소를 추가하려면 아직 없는 경우 구성 요소에 필요한 clientlibs를 추가해야 합니다.
CRXDE |Lite를 사용하여 커뮤니티 사이트 페이지에 대한 기존 클라이언트 목록을 수정합니다.
CRXDE Lite를 사용하여 커뮤니티 사이트에 대한 clientlib 를 추가하려면 :
  • 구성 요소를 추가할 페이지의 clientlibslist 노드를 찾습니다.
    • /content/sites/sample/en/page/jcr:content/clientlibslist
  • With clientlibslist node selected
    • String 속성을 # 찾습니다. scg:requiredClientLibs
    • 문자열 배열 대화 상자에 Value 액세스하려면 문자열 배열 선택
      • 필요한 경우 아래로 스크롤하기
      • 새 클라이언트 라이브러리를 + 입력하려면 선택합니다.
        • 클라이언트 라이브러리를 더 추가하려면 이 단계를 반복합니다.
      • 확인 선택
    • 모두 저장을 선택합니다.
사이트가 커뮤니티 사이트가 아닌 경우 사이트에 사용 중인 클라이언트 라이브러리의 존재 또는 위치를 검색해야 합니다.
AEM Communities 시작하기 예를 site-name 사용하여 참여 : 검토 구성 요소를 추가하는 경우 Clientliblist가 표시되는 방식입니다.