커뮤니티 구성 요소에 대한 Clientlibs :headding-anchor:clientlibs-for-communities-components
소개 :headding-anchor:introduction
이 설명서 섹션에서는 Communities 구성 요소용 페이지에 클라이언트측 라이브러리(clientlib)를 추가하는 방법에 대해 설명합니다.
기본 정보는 다음을 참조하십시오.
- 사용 세부 정보 및 디버깅 도구를 제공하는 클라이언트측 라이브러리 사용
- SCF 구성 요소를 사용자 지정할 때 유용한 정보를 제공하는 SCF용 Clientlibs
Clientlib이 필요한 이유 :headding-anchor:why-clientlibs-are-required
Clientlib은 구성 요소의 적절한 기능(JavaScript) 및 스타일(CSS)에 필요합니다.
기능에 대한 커뮤니티 기능이 있는 경우 필수 clientlib을 포함하여 필요한 모든 구성 요소 및 구성이 커뮤니티 사이트에 있습니다. 작성자가 추가 구성 요소를 사용할 수 있는 경우에만 clientlib을 추가해야 합니다.
필요한 clientlib이 없으면 페이지에 Communities 구성 요소를 추가하면 JavaScript 오류가 발생하고 예기치 않은 오류가 발생할 수 있습니다.
예 : Clientlibs 없이 리뷰를 배치했습니다 :headding-anchor:example-placed-reviews-without-clientlibs
예 : Clientlibs를 사용하여 리뷰 배치 :headding-anchor:example-placed-reviews-with-clientlibs
필요한 Clientlibs 식별 :headding-anchor:identifying-required-clientlibs
개발자를 위한 필수 기능 정보는 필요한 clientlib을 식별합니다.
또한 AEM 인스턴스에서 커뮤니티 구성 요소 안내서를 탐색하면 구성 요소에 필요한 clientlib 범주 목록에 액세스할 수 있습니다.
예를 들어 검토 페이지의 맨 위에 나열된 필수 clientlib은 다음과 같습니다
- cq.ckeditor
- cq.social.hbs.reviews
필수 Clientlibs 추가 :headding-anchor:adding-required-clientlibs
Communities 구성 요소를 페이지에 추가하려면 구성 요소에 필요한 clientlib(아직 없는 경우)을 추가해야 합니다.
커뮤니티 사이트 페이지의 기존 clientlibslist를 수정하려면 CRXDE|Lite를 사용하십시오.
CRXDE Lite을(를) 사용하여 커뮤니티 사이트에 clientlib을 추가하려면:
-
https://<server>:<port>/crx/de(으)로 이동합니다.
-
구성 요소를 추가할 페이지의
clientlibslist
노드를 찾습니다./content/sites/sample/en/page/jcr:content/clientlibslist
-
clientlibslist
노드가 선택된 경우:-
String[] 속성
scg:requiredClientLibs
을(를) 찾습니다. -
문자열 배열 대화 상자에 액세스할 수 있도록 해당
Value
을(를) 선택하십시오.-
필요한 경우 아래로 스크롤합니다.
-
새 클라이언트 라이브러리를 입력하려면 +를 선택하십시오.
-
를 반복하여 클라이언트 라이브러리를 더 추가합니다.
-
확인 을 선택합니다.
-
-
-
모두 저장 을 선택합니다.
-
AEM Communities 시작하기 예제를 사용합니다. 여기서 site-name
은(는) 참여 입니다. reviews 구성 요소를 추가하면 clientliblist가 다음과 같이 표시됩니다.