2장 - 콘텐츠 조각 모델 사용

AEM 콘텐츠 조각 모델은 AEM 작성자가 원시 콘텐츠 생성을 템플릿화하는 데 사용할 수 있는 콘텐츠 스키마를 정의합니다. 이 접근 방식은 스캐폴딩 또는 양식 기반 작성과 유사합니다. 컨텐츠 조각의 주요 개념은 작성된 컨텐츠가 표시 유형에 관계없이 존재한다는 것입니다. 즉, 사용 중인 애플리케이션(AEM, 단일 페이지 애플리케이션 또는 모바일 앱)이 사용자에게 컨텐츠가 표시되는 방식을 제어하는 곳에서 다중 채널 사용을 목적으로 합니다.

콘텐츠 조각의 주요 관심사는 다음을 확인하는 것입니다.

  1. 작성자로부터 올바른 콘텐츠가 수집됩니다
  2. 콘텐츠는 소비하는 애플리케이션에 체계적이고 잘 알려진 형식으로 노출될 수 있습니다.

이 장에서는 "이벤트"를 모델링하고 만들기 위한 정규화된 데이터 구조 및 작성 인터페이스를 정의하는 데 사용되는 콘텐츠 조각 모델을 활성화하고 정의하는 작업을 다룹니다.

콘텐츠 조각 모델 활성화

콘텐츠 조각 모델 은(는) AEM의 구성 브라우저을(를) 통해 활성화해야 합니다.

구성에 대해 콘텐츠 조각 모델이 활성화되지 않음 ​인 경우 관련 AEM 구성에 대해 만들기 > 콘텐츠 조각 단추가 표시되지 않습니다.

NOTE
AEM 구성은 /conf에 저장된 컨텍스트 인식 테넌트 구성 집합을 나타냅니다. 일반적으로 AEM 구성은 AEM Sites에서 관리되는 특정 웹 사이트 또는 하위 콘텐츠 세트(자산, 페이지 등)를 담당하는 사업부와 상호 연관됩니다 AEM.
구성이 콘텐츠 계층 구조에 영향을 미치려면 해당 콘텐츠 계층 구조의 cq:conf 속성을 통해 구성을 참조해야 합니다. (아래 단계 5 ​의 WKND Mobile 구성에 대해 수행됩니다.)
global 구성을 사용하면 구성이 모든 콘텐츠에 적용되며 cq:conf을(를) 설정할 필요가 없습니다.
자세한 내용은 구성 브라우저 설명서를 참조하세요.
  1. 관련 구성을 수정할 수 있는 적절한 권한이 있는 사용자로 AEM Author에 로그인합니다.

    • 이 자습서에서는 admin 사용자를 사용할 수 있습니다.
  2. 도구 > 일반 > 구성 브라우저(으)로 이동

  3. WKND Mobile 옆에 있는 폴더 아이콘 ​을 눌러 선택한 다음 왼쪽 상단의 편집 단추 ​를 누릅니다.

  4. 콘텐츠 조각 모델 ​을 선택하고 오른쪽 상단에서 저장 및 닫기 ​를 탭합니다.

    이렇게 하면 WKND Mobile 구성이 적용된 에셋 폴더 콘텐츠 트리에서 콘텐츠 조각 모델을 사용할 수 있습니다.

    note note
    NOTE
    이 구성 변경은 AEM 구성 웹 UI에서 되돌릴 수 없습니다. 이 구성을 실행 취소하려면 다음 작업을 수행하십시오.
    code language-none
    1. [CRXDE Lite](http://localhost:4502/crx/de) 열기
    1. `/conf/wknd-mobile/settings/dam/cfm`(으)로 이동
    1. `models` 노드 삭제
    
    이 구성으로 만들어진 기존 콘텐츠 조각 모델은 모두 삭제되며 해당 정의는 /conf/wknd-mobile/settings/dam/cfm/models에 저장됩니다.
  5. WKND MobileAssets 폴더 ​에 WKND Mobile 구성을 적용하여 해당 Assets 폴더 계층 구조 내에서 콘텐츠 조각 모델의 콘텐츠 조각을 만들 수 있도록 합니다.

    1. AEM > Assets > 파일(으)로 이동
    2. WKND Mobile 폴더 선택
    3. 상단 작업 표시줄에서 속성 버튼을 탭하여 폴더 속성을 엽니다.
    4. 폴더 속성에서 Cloud Service 탭을 탭하세요.
    5. 클라우드 구성 필드가 /conf/wknd-mobile(으)로 설정되어 있는지 확인합니다.
    6. 변경 내용을 유지하려면 오른쪽 상단의 저장 및 닫기 ​를 탭하세요.
WARNING
콘텐츠 조각 모델 ​이(가) 도구 > Assets ​에서 도구 > 일반(으)로 이동했습니다.

생성할 콘텐츠 조각 모델 이해

콘텐츠 조각 모델을 정의하기 전에 필요한 모든 데이터 포인트를 캡처하고 있는지 확인하기 위해 앞으로 안내할 경험을 검토해 보겠습니다. 이를 위해 모바일 애플리케이션 디자인을 검토하고 디자인 요소를 수집 콘텐츠에 매핑합니다.

다음과 같이 이벤트를 정의하는 데이터 포인트를 나눌 수 있습니다.

콘텐츠 조각 모델을 만드는 중

매핑으로 무장하면 이벤트 데이터를 수집하고 궁극적으로 노출하는 데 사용되는 콘텐츠 조각을 정의할 수 있습니다.

콘텐츠 조각 모델 만들기

  1. 도구 > 일반 > 콘텐츠 조각 모델 ​로 이동합니다.
  2. WKND Mobile 폴더를 탭하여 엽니다.
  3. 콘텐츠 조각 모델 만들기 마법사를 열려면 만들기 ​를 탭하세요.
  4. Event ​을(를) 모델 제목 (설명은 선택 사항)(으)로 입력하고 만들기 ​를 탭하여 저장합니다.

콘텐츠 조각 모델의 구조 정의

  1. 도구 > 일반 > 콘텐츠 조각 모델 >WKND(으)로 이동합니다.

  2. Event 콘텐츠 조각 모델을 선택하고 맨 위의 작업 표시줄에서 편집 ​을 탭합니다.

  3. 오른쪽의 데이터 형식 탭 ​에서 한 줄 텍스트 입력 ​을(를) 왼쪽 드롭 영역으로 드래그하여 Question 필드를 정의합니다.

  4. 한 줄 텍스트 입력 ​이 왼쪽에서 선택되어 있고 속성 탭 ​이 오른쪽에서 선택되어 있는지 확인하십시오. 다음과 같이 속성 필드를 채웁니다.

    • 다른 이름으로 렌더링: textfield
    • 필드 레이블 : Event Title
    • 속성 이름: eventTitle
    • 최대 길이 : 25
    • 필수: Yes

나머지 이벤트 콘텐츠 조각 모델을 생성하려면 아래에 정의된 입력 정의를 사용하여 이 단계를 반복합니다.

NOTE
Android 응용 프로그램이 이러한 이름을 키로 지정하도록 프로그래밍되었으므로 속성 이름 필드는 정확히 일치해야 합니다.

이벤트 설명

  • 데이터 형식: Multi-line text
  • 필드 레이블 : Event Description
  • 속성 이름: eventDescription
  • 기본 유형: Rich text

이벤트 날짜 및 시간

  • 데이터 형식: Date and time
  • 필드 레이블 : Event Date and Time
  • 속성 이름: eventDateAndTime
  • 필수: Yes

이벤트 유형

  • 데이터 형식: Enumeration
  • 필드 레이블 : Event Type
  • 속성 이름: eventType
  • 옵션 : Art,Music,Performance,Photography

티켓 가격

  • 데이터 형식: Number
  • 다른 이름으로 렌더링: numberfield
  • 필드 레이블 : Ticket Price
  • 속성 이름: eventPrice
  • 유형: Integer
  • 필수: Yes

이벤트 이미지

  • 데이터 형식: Content Reference
  • 다른 이름으로 렌더링: contentreference
  • 필드 레이블 : Event Image
  • 속성 이름: eventImage
  • 루트 경로: /content/dam/wknd-mobile/images
  • 필수: Yes

장소 이름

  • 데이터 형식: Single-line text
  • 다른 이름으로 렌더링: textfield
  • 필드 레이블 : Venue Name
  • 속성 이름: venueName
  • 최대 길이 : 20
  • 필수: Yes

장소 도시

  • 데이터 형식: Enumeration
  • 필드 레이블 : Venue City
  • 속성 이름: venueCity
  • 옵션 : Basel,London,Los Angeles,Paris,New York,Tokyo
NOTE
속성 이름 ​은(는) 이 값이 저장된 JCR 속성 이름과 JSON 파일의 키 모두 ​을(를) 나타냅니다. 콘텐츠 조각 모델의 수명에 걸쳐 변경되지 않는 의미 체계 이름이어야 합니다.

콘텐츠 조각 모델 생성을 완료한 후 다음과 같은 정의가 나와야 합니다.

이벤트 콘텐츠 조각 모델

다음 단계

필요한 경우 AEM의 패키지 관리자를 통해 AEM 작성자에 com.adobe.aem.guides.wknd-mobile.content.chapter-2.zip 콘텐츠 패키지를 설치하십시오. 이 패키지에는 자습서의 이 부분에 설명된 구성과 콘텐츠가 포함되어 있습니다.

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4