콘텐츠 조각을 사용한 작업 working-with-content-fragments

Adobe Experience Manager(AEM)를 사용하면 콘텐츠 조각을 사용하여 페이지 독립적인 콘텐츠를 디자인하고 만들고 선별하고 게시할 수 있습니다. 이를 통해 Headless 게재에 이상적인, 여러 위치/여러 채널에서 사용할 준비가 된 콘텐츠를 준비할 수 있습니다.

콘텐츠 조각에는 구조화된 콘텐츠가 포함되어 있습니다.

  • 이는 최종 조각의 구조를 사전 정의하는 콘텐츠 조각 모델을 기반으로 합니다.

  • 구조의 범위는 다음과 같습니다.

    • 기본

      • 여러 줄이 있는 단일 텍스트 필드를 예로 들 수 있습니다.
      • 페이지 작성에 사용할 간단한 콘텐츠를 준비하는 데 사용됩니다.
    • 복합

      • 텍스트, 숫자, 부울, 데이터 및 시간 등 다양한 데이터 유형의 여러 필드 조합입니다.
      • 페이지 작성을 위해 보다 구조화된 콘텐츠를 준비하거나 애플리케이션에 전달하는 데 사용됩니다.
    • 중첩

      • 사용 가능한 참조 데이터 유형을 사용하면 콘텐츠를 중첩할 수 있습니다.
      • 주로 애플리케이션에 게재하는 데 사용됩니다.

AEM 핵심 구성 요소의 Sling Model(JSON) 내보내기 기능을 사용하여 콘텐츠 조각을 JSON 형식으로 게재할 수도 있습니다. 이 게재 형식을 사용하면

  • 구성 요소를 사용하여 게재할 조각의 요소를 관리할 수 있습니다.
  • API 게재에 사용되는 페이지에서 여러 콘텐츠 조각 핵심 구성 요소를 추가하여 벌크 게재를 수행할 수 있습니다.

이 페이지 및 다음 페이지에서는 콘텐츠 조각 생성, 구성, 유지 관리 및 사용을 위한 작업을 다룹니다.

커뮤니케이션 채널의 수는 매년 증가하고 있습니다. 일반적으로 채널은 다음 중 하나로서 게재 메커니즘을 나타냅니다.

  • 물리적 채널 - 예: 데스크탑, 모바일
  • 실제 채널에서의 게재 형태 - 예: 데스크탑의 “제품 세부 정보 페이지”, “제품 범주 페이지” 또는 모바일의 “모바일 웹”, “모바일 앱”

그러나 대개 모든 채널에 동일한 콘텐츠를 사용하고 싶지 않을 것이므로 특정 채널에 따라 콘텐츠를 최적화해야 합니다.

콘텐츠 조각을 사용하면 다음과 같은 작업을 수행할 수 있습니다.

  • 다양한 채널에서 효율적으로 타깃 대상자에게 도달하는 방법을 고려할 수 있습니다.
  • 채널 중립적인 에디토리얼 콘텐츠를 만들고 관리할 수 있습니다.
  • 다양한 채널을 위한 콘텐츠 풀을 빌드할 수 있습니다.
  • 특정 채널에 맞는 콘텐츠 변형을 디자인할 수 있습니다.
  • 자산(혼합 미디어 조각)을 삽입하여 텍스트에 이미지를 추가합니다.
  • 데이터의 복잡성을 반영할 수 있도록 중첩된 콘텐츠를 만듭니다.

그런 다음 이러한 콘텐츠 조각을 취합하여 다양한 채널에서 경험을 제공할 수 있습니다.

NOTE
콘텐츠 조각경험 조각​은 AEM 내의 다양한 기능입니다.
  • 콘텐츠 조각​은(는) 텍스트, 숫자, 날짜 등 구조화된 데이터에 액세스하는 데 사용할 수 있는 에디토리얼 콘텐츠입니다. 정의 및 구조를 갖지만 추가적인 시각적 디자인 및/또는 레이아웃을 포함하지 않는 순수 콘텐츠입니다.

  • 경험 조각​은 전체적으로 배치된 콘텐츠, 즉 웹 페이지 조각입니다.

경험 조각은 콘텐츠 조각 형태로 콘텐츠를 포함할 수 있지만 반대로는 불가능합니다.
자세한 내용은 AEM의 콘텐츠 조각 및 경험 조각 이해를 참조하십시오.
NOTE
AEM 6.3 이전에는 모델 대신 템플릿을 사용하여 콘텐츠 조각을 만들었습니다. 더 이상 조각을 만드는 데 템플릿을 사용할 수 없지만, 이러한 템플릿으로 만든 모든 조각은 계속 지원됩니다.

콘텐츠 조각 및 콘텐츠 서비스 content-fragments-and-content-services

AEM Content Services는 웹 페이지에 초점을 두지 않고 AEM에서 콘텐츠 설명 및 게재를 일반화하기 위해 디자인되었습니다.

모든 클라이언트가 사용할 수 있는 표준화된 방법을 사용하여 기존 AEM 웹 페이지가 아닌 채널에 콘텐츠를 게재할 수 있습니다. 이러한 채널에는 다음과 같은 것들이 포함될 수 있습니다.

  • SPA (Single Page Applications)
  • 기본 모바일 애플리케이션
  • AEM 외부에 있는 기타 채널 및 터치포인트

게재는 JSON 내보내기를 사용하여 JSON 형식으로 이루어집니다.

AEM 콘텐츠 조각을 사용하여 구조화된 콘텐츠를 설명하고 관리할 수 있습니다. 구조화된 컨텐츠는 텍스트, 숫자 데이터, 부울, 날짜 및 시간 등을 포함하여 다양한 컨텐츠 유형을 포함할 수 있는 모델에서 정의됩니다.

그런 다음 AEM 핵심 구성 요소의 JSON 내보내기 기능과 함께 이 구조화된 콘텐츠를 사용하여 AEM 페이지 이외의 채널에 AEM 콘텐츠를 게재할 수 있습니다.

NOTE
AEM은 조각 콘텐츠 번역도 지원합니다.

콘텐츠 유형 content-type

콘텐츠 조각은

  • 자산​으로 저장됩니다.

    • 콘텐츠 조각(및 그 변형)은 에셋 콘솔에서 만들고 유지 관리할 수 있습니다.
    • 콘텐츠 조각 편집기에서 작성 및 편집됩니다.
  • 페이지 편집기에서 콘텐츠 조각 구성 요소(참조 구성 요소)와 함께 사용됩니다.

    • 콘텐츠 조각 구성 요소는 페이지 작성자가 사용할 수 있습니다. 따라서 페이지 작성자가 HTML 또는 JSON 형식으로 필요한 콘텐츠 조각을 참조하고 게재할 수 있습니다.
  • AEM GraphQL API를 사용하여 액세스할 수 있습니다.

콘텐츠 조각은 다음과 같은 콘텐츠 구조입니다.

시각적 자산이 있는 조각 fragments-with-visual-assets

작성자가 콘텐츠를 더 잘 제어할 수 있도록 이미지를 콘텐츠 조각에 추가하거나 콘텐츠 조각과 통합할 수 있습니다.

Assets은 각각 고유한 장점이 있는 여러 가지 방법으로 컨텐츠 조각에 사용할 수 있습니다.

  • 조각에 자산 삽입(혼합 미디어 조각)

    note note
    NOTE
    콘텐츠 조각 자체에 삽입된 시각적 에셋은 선행하는 단락에 첨부됩니다. 조각을 페이지에 추가하면 이러한 에셋이 중간적 콘텐츠가 추가될 때 해당 단락과 관련하여 이동됩니다.
  • 관련 콘텐츠

    • 조각에 연결되어 있지만 조각의 고정 부분이 아닙니다(콘텐츠 조각의 구성 성분 부분 참조).
    • 위치에 대해 어느 정도 유연합니다.
    • 페이지에서 조각을 사용할 때(중간적 콘텐츠로서) 쉽게 사용할 수 있습니다.
    • 자세한 내용은 관련 콘텐츠를 참조하십시오.
  • 페이지 편집기의 자산 브라우저​에서 사용할 수 있는 자산

    • 자산을 유연하게 선택할 수 있습니다.
    • 위치에 대해 어느 정도 유연합니다.
    • 특정 조각에 대해 동의되는 개념을 제공하지 않습니다.

콘텐츠 조각을 구성하는 부분 constituent-parts-of-a-content-fragment

콘텐츠 조각 자산은 다음 부분으로 구성됩니다(직접 또는 간접적으로).

  • 조각 요소

    • 요소는 콘텐츠를 포함하는 데이터 필드와 관련이 있습니다.
    • 콘텐츠 모델을 사용하여 콘텐츠 조각을 생성합니다. 모델에 지정된 요소(필드)는 조각의 구조를 정의합니다. 이러한 요소(필드)는 다양한 데이터 유형일 수 있습니다.
  • 조각 단락

    • 개별 엔티티로 구분된 텍스트 블록(종종 여러 줄)입니다.

    • 리치 텍스트Markdown 모드에서 단락 서식을 헤더로 지정할 수 있습니다. 이렇게 하면 해당 단락과 그다음 단락이 한 단위로 묶입니다.

    • 페이지 작성 중 콘텐츠를 제어할 수 있도록 해 줍니다.

  • 조각에 삽입된 자산(혼합 미디어 조각)

    • 실제 조각에 삽입되고 조각의 내부 콘텐츠로 사용된 자산 (이미지)

    • 조각의 단락 시스템에 임베드됩니다.

    • 페이지에서 조각을 사용/참조할 때 형식을 지정할 수 있습니다.

    • 조각 편집기를 사용해야 조각에 추가, 조각에서 삭제 또는 조각 내에서 이동할 수 있습니다. 페이지 편집기에서는 이러한 작업을 수행할 수 없습니다.

    • 조각 편집기에서 리치 텍스트 형식을 사용해야만 조각에 추가, 조각에서 삭제 또는 조각 내에서 이동할 수 있습니다.

    • 여러 줄 텍스트 요소(임의의 조각 유형)에만 추가할 수 있습니다.

    • 선행하는 텍스트(단락)에 첨부됩니다.

      note caution
      CAUTION
      자산을 일반 텍스트 형식으로 전환하여 (실수로) 조각에서 제거할 수 있습니다.
      note note
      NOTE
      자산은 페이지에서 조각을 사용할 때 추가적인(중간적) 콘텐츠로도 추가할 수 있습니다. 이때 자산은 관련 콘텐츠를 사용하거나 자산 브라우저의 자산을 사용합니다.
  • 관련 콘텐츠

    • 조각의 외부 콘텐츠이지만 조각에 대한 에디토리얼 관련 연관성이 있는 콘텐츠입니다. 일반적으로 이미지, 비디오 또는 기타 조각입니다.

    • 컬렉션 내의 개별 자산은 페이지에 추가될 때 페이지 편집기에서 조각에 사용할 수 있습니다. 이는 특정 채널의 요구 사항에 따라 이러한 자산을 선택할 수 있음을 의미합니다.

    • 자산은 컬렉션을 통해 조각에 연결됩니다. 연결된 컬렉션은 작성자가 페이지를 작성할 때 사용할 자산을 결정할 수 있도록 해 줍니다.

      • 컬렉션은 기본 콘텐츠로 조각과 연결되거나 작성자에 의해 조각 작성 도중 조각과 연결될 수 있습니다.
      • 자산(DAM) 컬렉션은 조각과 관련된 콘텐츠의 기초입니다.
    • 원할 경우 조각 자체를 컬렉션에 추가하여 추적을 지원할 수도 있습니다.

  • 조각 메타데이터

    • 자산 메타데이터 스키마를 사용합니다.

    • 다음 경우에 태그를 만들 수 있습니다.

      • 조각을 만들고 작성할 때

      • 또는 나중에:

        • 콘솔에서 조각 속성​을 보거나/편집하여
        • 조각 편집기에 있을 때 메타데이터​를 편집하여
    note caution
    CAUTION
    메타데이터 처리 프로필은 콘텐츠 조각에 적용되지 않습니다.
  • 마스터

    • 조각의 일부

      • 모든 콘텐츠 조각에는 하나의 마스터 인스턴스가 있습니다.
      • 마스터는 삭제할 수 없습니다.
    • 마스터는 변형 아래의 조각 편집기에서 액세스할 수 있습니다.

    • 마스터는 그러한 변형이 아니라 모든 변형의 기초입니다.

  • 변형

    • 에디토리얼 목적에 맞는 조각 텍스트의 표현물은 채널과 관련을 지을 수 있지만, 의무적이지는 않으며, 임시적 로컬 수정용일 수도 있습니다.
    • 기본​의 사본으로 만들어지지만 필요에 따라 편집할 수 있습니다. 변형 간에 콘텐츠가 겹치게 됩니다.
    • 조각 작성 중에 정의할 수 있습니다.
    • 조각 내에 저장되므로 콘텐츠 사본 살포를 방지할 수 있습니다.
    • 마스터 콘텐츠가 업데이트된 경우 변형을 마스터와 동기화할 수 있습니다.
    • 요약하여 텍스트를 사전 정의된 길이로 신속히 자를 수 있습니다.
    • 조각 편집기의 변형 탭에서 사용할 수 있습니다.

콘텐츠 조각을 사용하여 페이지 작성 시 중간 콘텐츠 in-between-content-when-page-authoring-with-content-fragments

중간 콘텐츠는

  • 콘텐츠 조각을 사용하여 작업할 때 페이지 편집기에서 사용할 수 있습니다.
  • 페이지에서 조각을 사용하거나 참조한 후 조각의 흐름 내에 추가된 ​입니다.
  • 콘텐츠 조각을 사용하여 작업할 때 페이지 편집기에서 사용할 수 있습니다.
  • 중간적 콘텐츠는 어떤 조각에든 추가할 수 있으며, 이 경우 요소는 하나만 표시됩니다.
  • 연결된 콘텐츠는 적절한 브라우저에서 자산 및/또는 구성 요소처럼 사용할 수 있습니다.
CAUTION
중간 콘텐츠는 페이지 콘텐츠이며, 콘텐츠 조각에 저장되지 않습니다.

조각에 필요한 사항 required-by-fragments

콘텐츠 조각을 만들려면 다음 사항을 고려하십시오.

  • 콘텐츠 모델

    • 구성 브라우저를 사용하여 활성화됩니다.
    • 도구를 사용하여 생성됩니다.
    • 조각 생성에 필요합니다.
    • 조각의 구조(제목, 콘텐츠 요소, 태그 정의)를 정의합니다.
    • 콘텐츠 모델 정의에는 제목과 하나의 데이터 요소가 필요하며, 기타 모든 항목은 옵션입니다.
    • 기본 콘텐츠(해당되는 경우)를 정의할 수 있습니다.
    • 작성자는 조각 콘텐츠를 작성할 때 정의된 구조를 변경할 수 없습니다.
    • 종속 콘텐츠 조각을 만든 후 모델을 변경하면 해당 콘텐츠 조각에 영향을 줄 수 있습니다.

페이지 작성에 콘텐츠 조각을 사용하려면 다음 사항이 필요합니다.

  • 콘텐츠 조각 구성 요소

    • HTML 및/또는 JSON 형식으로 조각을 게재하는 데 유용합니다.
    • 페이지에서 조각을 참조하는 데 필요합니다.
    • 채널 등과 같이 조각의 레이아웃 및 게재를 담당합니다.
    • 조각은 레이아웃을 정의하고 일부 또는 모든 요소/변형 및 관련 컨텐츠를 게재하기 위해 하나 이상의 전용 구성 요소를 필요로 합니다.
    • 작성 중인 페이지에 조각을 드래그하면 필요한 구성 요소가 자동으로 연결됩니다.

사용 예 example-usage

요소 및 변형을 포함한 조각을 사용하여 여러 채널용의 일관된 콘텐츠를 만들 수 있습니다. 조각을 디자인할 때는 사용된 항목과 사용된 위치를 고려해야 합니다.

모범 사례 best-practices

콘텐츠 조각을 사용하여 복잡한 구조를 형성할 수 있습니다. Adobe에서는 모델과 조각을 모두 정의하고 사용할 때 모범 사례에 대한 권장 사항을 제공합니다.

단순하게 유지 keep-it-simple

AEM에서 구조화된 콘텐츠를 모델링할 때 강력한 시스템 성능과 간소화된 거버넌스를 보장하기 위해 콘텐츠 구조를 최대한 단순하게 유지합니다.

모델 수 number-of-models

필요한 수만큼 콘텐츠 모델을 생성하지만 더 이상 생성하지 않습니다.

모델이 너무 많으면 거버넌스가 복잡해지고 GraphQL 쿼리가 느려질 수 있습니다. 보통 10달러 이하의 작은 모델 세트만으로도 충분합니다. 높은 수십 개 이상에 접근하는 경우 모델링 전략을 재고하십시오.

모델 및 조각 중첩(매우 중요) nesting-models-and-fragments

조각이 여러 수준에서 다른 조각을 참조할 수 있도록 해 주는 콘텐츠 조각 참조 를 사용하여 콘텐츠 조각의 깊이 또는 과도한 중첩을 방지합니다.

콘텐츠 조각 참조를 많이 사용하면 시스템 성능, UI 응답성 및 GraphQL 쿼리 실행에 상당한 영향을 줄 수 있습니다. 10개 수준 이하로 중첩을 유지하는 것을 목표로 합니다.

모델당 데이터 필드 및 유형 수 number-of-data-fields-and-types-per-model

모델에 실제로 필요한 데이터 필드와 유형만 포함합니다.

너무 복잡한 모델은 너무 복잡한 조각으로 이어져 작성을 어렵게 하고 편집기 성능을 저하시킬 수 있습니다.

서식 있는 텍스트 필드 rich-text-fields

서식 있는 텍스트 필드(여러 줄 텍스트 데이터 형식) 사용:

  • 필드

    모델당 리치 텍스트 필드 수를 제한합니다. 성능상의 이유로 한 모델에 10개 이상의 리치 텍스트 필드를 포함하는 것은 권장되지 않습니다. 필요한 경우 중첩된 콘텐츠 조각을 사용하는 것이 좋습니다.

  • 콘텐츠

    각 조각에 저장되는 텍스트 양과 HTML 서식의 양도 제한해야 합니다. 매우 큰 리치 텍스트 콘텐츠는 시스템 성능에 부정적인 영향을 줄 수 있습니다.

변형의 수 number-of-variations

필요한 만큼 조각 변형을 만들되 더 이상 만들지 않습니다.

변형은 작성 환경 및 전달 시에도 콘텐츠 조각에 처리 시간을 추가합니다. 변형 수를 관리 가능한 최소값으로 유지하는 것이 좋습니다.

가장 좋은 방법은 콘텐츠 조각당 10개의 변형을 초과하지 않는 것입니다.

프로덕션 전 테스트 test-before-production

확실하지 않은 경우 제작으로 롤아웃하기 전에 의도한 콘텐츠 구조를 프로토타이핑하십시오. 적절한 테스트와 함께 기술 및 사용자 동의 없이 초기 개념 증명을 사용하면 생산 마감일에 직면할 때 나중에 문제를 방지할 수 있습니다.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2