유니버설 편집기 사용 사례 및 학습 경로

마지막 업데이트: 2025년 2월 18일

작성 대상:

유니버설 편집기의 주요 사용 사례와 그 사용 및 자체 프로젝트에서 구현하는 방법에 대해 자세히 알아보는 방법에 대해 알아봅니다.

개요

범용 편집기는 Adobe Experience Manager Sites의 일부인 다목적 비주얼 편집기입니다. 이를 통해 작성자는 Headless 또는 Headful 경험에 대한 보이는 항목(WYSIWYG) 편집을 수행할 수 있습니다.

이 문서에서는 이 두 가지 사용 사례에 대해 자세히 설명하고 프로젝트에 유니버설 편집기를 구현할 수 있도록 자세히 알아볼 수 있는 방법을 보여 줍니다.

TIP

아직 사용하지 않았다면 유니버설 편집기 소개 문서를 검토하여 유니버설 편집기의 전체 개요 및 값을 확인하십시오.

범용 편집기는 콘텐츠 작성자가 만드는 콘텐츠의 종류에 관계없이 편리하고 직관적인 시각적 편집기를 제공합니다. 두 가지 주요 사용 사례는 다음과 같습니다.

이미 AEM에 익숙하다면 사이트 콘솔을 사용하여 페이지를 만들고 관리한 다음 범용 편집기를 사용하여 편집할 수 있습니다.

이러한 방식으로 페이지 관리(복사, 붙여넣기, 이동) 및 워크플로와 같은 사이트 콘솔에서 사용할 수 있는 도구를 활용할 수 있으며 최신 유니버설 편집기에서도 활용할 수 있습니다.

사용 사례인 경우 바로 다음 단계로, AEM의 범용 편집기를 시작하고 실행하는 방법에 대한 전체 개요는 다음 문서를 참조하십시오.

Edge Delivery Services을 사용한 WYSIWYG 작성을 위한 개발자 시작 안내서 - AEM에서 첫 번째 범용 편집기 프로젝트 시작
유니버설 편집기에서 사용하기 위해 계측된 블록 만들기 - 유니버설 편집기에서 콘텐츠를 편집할 수 있도록 블록을 계측하는 방법에 대해 알아봅니다.
Edge Delivery Services 프로젝트를 사용하여 WYSIWYG 작성을 위한 콘텐츠 모델링 - 유니버설 편집기에서 사용할 콘텐츠를 효과적으로 모델링하기 위해 블록을 구성하는 방법에 대한 자세한 내용을 알아봅니다.

이러한 문서를 읽고 나면 이 페이지로 돌아가서 Headless 작성 사용 사례와 범용 편집기가 일반적으로 작동하는 방법에 대해 알아볼 수 있습니다.

이미 Headless 앱이 있는 경우 유니버설 편집기를 사용하여 앱에 대한 콘텐츠를 작성하고 해당 콘텐츠를 AEM에서 콘텐츠 조각으로 유지할 수 있습니다. 유일한 요구 사항은 범용 편집기를 사용할 수 있도록 앱이 계측되는 것입니다.

사용 사례인 경우 바로 다음 단계로, 범용 편집기를 사용하도록 계측된 Headless 앱의 예를 보려면 다음 문서를 참조하십시오.

해당 문서를 읽고 나면 이 페이지로 돌아가서 WYSIWYG 작성 사용 사례와 범용 편집기가 일반적으로 작동하는 방식에 대해 알아볼 수 있습니다.

범용 편집기의 기능은 모든 콘텐츠를 바로 작성할 수 있으므로 콘텐츠가 무엇이든 상관없이 콘텐츠 작성자에게 완전히 직관적이고 통합된 UI를 제공할 수 있습니다.

유니버설 편집기는 다음과 같은 방식으로 작동합니다.

개발자는 범용 편집기를 사용하도록 앱 또는 페이지를 계측합니다. 이 계기는 편집기에 편집 가능한 콘텐츠 및 이를 유지하는 방법을 알려 줍니다.
- Edge Delivery Services을 사용한 WYSIWYG 작성에 대한 개발자 시작 안내서 설명서를 따르는 경우 페이지가 자동으로 계측됩니다.
- Headless 작성의 경우 앱을 쉽게 계측할 수 있습니다.
콘텐츠 작성자는 범용 편집기를 로드하고, 이 편집용 페이지를 로드합니다. 계측된 콘텐츠이므로 편집할 수 있는 콘텐츠와 표시 및 지속되는 방법에 대해 알 수 있습니다.
콘텐츠 작성자는 직관적인 WYSIWYG 인터페이스에서 페이지 콘텐츠를 편집하고 바로 편집합니다.
범용 편집기는 변경 사항을 데이터 소스에 자동으로 되돌려 줍니다.

유니버설 편집기의 아키텍처에 대해 자세히 알아보려면 문서 유니버설 편집기 아키텍처를 참조하십시오.

범용 편집기에서 페이지 또는 앱을 편집할 수 있으려면 적절하게 계측되어야 합니다.

특성 및 형식 - 범용 편집기에서 앱 또는 페이지를 편집할 수 있으려면 적절하게 계측되어야 합니다. 여기에는 편집자가 앱의 콘텐츠를 편집할 수 있도록 적절한 메타데이터가 포함됩니다.
모델 정의, 필드 및 구성 요소 유형 - 구성 요소를 편집할 수 있는 메타데이터가 있으면 편집기의 속성 패널에서 조정할 수 있는 필드와 구성 요소 유형을 정의합니다.
유니버설 편집기 이벤트 - 유니버설 편집기에서 콘텐츠 또는 UI 인터랙션에 내보내는 이벤트를 사용하여 앱의 편집 환경을 개선하여 앱을 추가로 사용자 지정할 수 있습니다.

범용 편집기는 프로젝트 요구 사항에 맞게 조정할 수도 있습니다.