Universal Editor 소개 introduction
범용 편집기는 Adobe Experience Manager Sites의 일부인 다목적 비주얼 편집기입니다. 이를 통해 작성자는 Headless 또는 Headful 경험에 대한 WYSIWYG(보이는 그대로) 편집을 수행할 수 있습니다. 콘텐츠 작성자가 탁월한 경험을 제공하는 데 어떻게 도움이 될 수 있으며 개발자에게 탁월한 자유를 제공하는 방법을 이해합니다.
배경 background
범용 편집기는 최소한의 교육만 필요로 하는 효율적이고 직관적인 컨텍스트 내 작성 환경을 제공합니다. 이를 통해 작성자는 웹 경험의 컨텍스트에서 직접 콘텐츠를 관리할 수 있으며, 방문자에게 표시되는 방식을 정확하게 지정할 수 있습니다. 서비스로서의 진정한 편집기이며 전체적으로 더 유연하므로 결국 페이지 편집기를 대체하려고 합니다.
작성자는 모든 유형의 AEM 콘텐츠에 대해 동일한 일관된 시각적 편집을 지원하므로 유니버설 편집기의 유연성을 활용할 수 있습니다. 컨텐츠 조각과 페이지 구성 요소 모두에 대해 이와 마찬가지로 즉석 편집 및 레이아웃 구성이 가능합니다. 작성자가 컨텍스트를 전환하지 않고도 웹 경험에 나란히 표시될 때에도 두 형식의 콘텐츠를 편집할 수 있습니다. 이는 AEM의 이전 편집기가 한 가지 유형의 콘텐츠만 지원했던 것과 비교하면 엄청난 발전입니다.
개발자는 구현의 진정한 분리를 지원하므로 유니버설 편집기의 다기능성을 활용할 수 있습니다. 이를 통해 개발자는 SDK나 기술 제한 없이 원하는 프레임워크나 아키텍처를 거의 활용할 수 있습니다. 이러한 유연성으로 인해 다시 아키텍처화할 필요 없이 범용 편집기에서 기존 웹 앱을 쉽게 계측할 수 있습니다.
진정한 범용성 universal
Universal Editor는 모든 구현, 콘텐츠 및 콘텐츠의 모든 측면에 대해 계측할 수 있습니다.
모든 구현 any-implementation
다양한 방식으로 경험을 구축할 수 있으므로 모든 구현에서 Universal Editor를 사용하여 작성자가 상황에 맞는 편집을 수행할 수 있습니다.
사용자는 흔히 Headless 구현 시에 작성자가 양식 기반 UI에서 모든 콘텐츠를 편집해야 한다는 제약이 있다고 생각하지만 Universal Editor에서는 그렇지 않습니다
Universal Editor를 사용하기 위한 구현 요구 사항은 매우 간단하며 다음을 지원합니다.
- 모든 아키텍처 - 서버측 렌더링, 에지 측 렌더링, 클라이언트측 렌더링 등.
- 모든 프레임워크 - Vanilla AEM 또는 React, Next.js, Angular 등의 타사 프레임워크.
- 모든 호스팅 - AEM 또는 원격 도메인에서 로컬로 호스팅 가능
모든 콘텐츠 any-content
콘텐츠 작성자는 이전에 AEM 페이지 편집기에서 제공한 것과 동일하게 강력한 편집 환경을 이용할 수 있어야 합니다. Universal Editor를 사용하면 콘텐츠 작성자가 모든 콘텐츠를 시각적으로 상황에 맞게 편집할 수 있으며 다음이 지원됩니다.
- AEM 페이지 구조 - 경험 조각을 포함하여
cq:Pages의 중첩된cq:Components - AEM 콘텐츠 조각 - 콘텐츠 조각이 경험의 컨텍스트에 표시될 때 콘텐츠 조각을 편집합니다.
- 문서 - 개념 증명에 따르면 Word, Excel, Google Docs 또는 Markdown 문서도 같은 방식으로 편집할 수 있습니다(WIP).
모든 측면 any-aspect
콘텐츠 작성자에게는 콘텐츠에 포함된 정보도 중요하지만 콘텐츠가 렌더링되고 수신되는 방법도 중요합니다. 콘텐츠에는 추가 메타데이터 및 계측 규칙이 들어 있는데, Universal Editor에서는 다음과 같이 이를 이해하고 편집할 수 있습니다.
- 레이아웃 및 스타일 적용 - 마케팅 실무자와 콘텐츠 작성자는 스타일 시스템을 사용하여 콘텐츠에 다른 스타일을 적용하고 열, 회전 메뉴, 탭, 아코디언 등과 같은 콘텐츠에 다른 레이아웃을 만들 수 있습니다.
값 value
특정 콘텐츠 게재 시스템에서 콘텐츠 편집 경험을 분리함으로써 진정으로 유연한 편집기로 거듭나 콘텐츠 작성자가 탁월한 경험을 제공하고, 콘텐츠 속도를 높이고, 최신 개발자 경험을 제공할 수 있습니다.
- 탁월한 경험 제공 - 실무자는 방문자에게 매력적인 경험을 제공할 수 있도록 Universal Editor를 통해 미리보기 컨텍스트에서 콘텐츠를 만들고 편집할 수 있습니다. 덕분에 경험 디자인에 맞고 방문자에게 의미 있는 여정을 구성하는 콘텐츠를 만들 수 있습니다.
- 콘텐츠 속도 증가 - 실무자의 관리 워크플로를 간소화해 주는 Universal Editor를 사용하면 미리보기 내에서 콘텐츠를 편집할 수 있습니다. 이때 해당 컨텍스트와 관련된 옵션만 표시하고 워크플로와 콘텐츠 소스를 분리하므로 실무자에게 도움이 됩니다.
- 첨단 개발자 경험 - 실질적인 이기종 애플리케이션 환경을 지원하는 Universal Editor는 완전히 분리되고 기술에 구애받지 않으므로 개발자가 선호하는 기술 스택을 사용하여 경험을 구현할 수 있습니다.
Universal Editor와 콘텐츠 조각 편집기 universal-editor-content-fragment-editor
얼핏 보면 Universal Editor와 콘텐츠 조각 편집기가 유사한 편집 기능을 제공하는 것처럼 보일 수 있습니다. 단, 두 편집기는 서로 매우 다른 기능을 제공하며 마케팅 실무자의 다른 작업을 담당합니다.
콘텐츠 조각 편집기 content-fragment-editor
마케팅 실무자가 레이아웃에 신경 쓰지 않고 콘텐츠를 만들어 다양한 경험 컨텍스트에서 재사용할 수 있기를 원합니다.
- 수행해야 할 기본 작업은 콘텐츠 전략을 확장하는 것입니다.
Universal Editor universal-editor
마케팅 실무자가 뛰어난 경험을 제공하기 위해 주어진 컨텍스트의 레이아웃에 맞는 콘텐츠를 만들고자 합니다.
- 수행해야 할 기본 작업은 독자와 설득력 있게 소통하는 것입니다.
제한 사항 limitations
유니버설 편집기를 살펴보고 고유한 프로젝트에서 이를 구현하는 데 있어 다음 제한 사항을 염두에 두십시오.
- 25개 이하의 AEM 리소스(콘텐츠 조각, 페이지, 경험 조각, Assets 등) 는 단일 페이지에서 계측을 참조해야 합니다.
- AEM as a Cloud Service은 유일하게 지원되는 AEM 백엔드입니다.
- AEM as a Cloud Service 릴리스
2023.8.13099이상이 필요합니다. - 컨텐츠 작성자는 고유한 개별 Experience Cloud 계정이 있어야 합니다.
- Chrome 및 Edge이 지원되는 브라우저입니다
다음 단계 next-steps
유니버설 편집기의 일반적인 사용 사례에 대해 자세히 알아보고 프로젝트에서 지원할 올바른 설명서 리소스를 검색하려면 유니버설 편집기 사용 사례 및 학습 경로 문서를 참조하십시오.