#F5F5F5
Adobe Experience Manager Sites 기능

개발자 툴

Experience Manager Sites는 고성능 웹 페이지를 구축할 수 있는 사전 최적화된 코드와 유연한 툴을 제공합니다. Edge Delivery Services를 사용하면 디자인, 기능, 콘텐츠의 품질을 그대로 유지하면서 웹 성능을 높일 수 있습니다.

다양한 개발자 툴

https://business.adobe.com/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/graphql#video |

GraphQL

Experience Manager의 GraphQL API를 통해 개발자가 어느 애플리케이션에나 사용 가능한, 업계 표준 쿼리 언어 형식으로 콘텐츠를 쿼리하고 검색할 수 있습니다. 요청한 콘텐츠만 반환하도록 간결하고 효율적으로 설계되었으므로 요청하는 앱의 형식과 요구 사항에 맞게 응답합니다. 또한 쿼리는 한 번 요청 시 중첩된 콘텐츠와 여러 관련 항목을 반환하므로 콘텐츠 및 앱 요구 사항에 맞게 검색하는 데 필요한 시간과 대역폭을 크게 줄일 수 있습니다. 모든 디지털 채널에서 브랜드에 적합하고 앱과 유사한 반응형 경험을 신속하게 제공할 수 있습니다.

  • 헤드리스 콘텐츠 전달. Experience Manager의 헤드리스 API에서 GraphQL의 쿼리 언어를 사용하여 모든 앱에 JSON 포맷으로 콘텐츠를 쉽게 제공할 수 있습니다.
  • 연관성 높은 데이터. Query Experience Manager 콘텐츠 조각에는 앱에서 렌더링하는 데 필요한 모든 요소와 변형 및 중첩된 참조가 포함되어 있습니다.
  • 빠르고 확장 가능한 성능. 영구 쿼리는 웹 아키텍처 및 CDN의 캐싱용으로 설계된 캐시 가능한 콘텐츠 쿼리를 통해 경험을 빠르게 제공하도록 지원합니다.
  • 다양한 툴 및 언어 옵션. GraphQL은 프런트 엔드에 구애받지 않는 제품으로 SDK에 대한 종속성을 제한하므로 개발자는 선택한 언어 또는 툴(React, Angular, iOS)로 작업할 수 있습니다.
  • 구조화된 매력적인 콘텐츠. 콘텐츠 조각 모델은 많은 필드 유형, 상호 관계 생성 기능을 지원하므로 재사용 가능한 매력적인 콘텐츠 모델과 고객의 니즈에 부합하는 콘텐츠를 손쉽게 제작할 수 있습니다.

즉시 사용 가능한 구성 요소

브레드크럼, 양식, 페이지 내비게이션, 검색 티저, 검색과 같이 이전 버전과 호환되는 유연하고 즉시 사용 가능한 구성 요소로 페이지를 제작할 수 있습니다. 따라서 저작자는 페이지를 간편하게 제작할 수 있고, 개발자는 생산성을 높이고 맞춤 텍스트 또는 이미지 구성 요소를 제작하는 시간을 절약할 수 있습니다.

  • 기능적 구성 요소. 즉시 사용 가능한 각 구성 요소는 특정 기능을 제공하는 스크립트 컬렉션입니다.
  • 상속 관계 유지. 구성 요소는 여러 웹 페이지와 채널에서 사용되더라도 상속 관계를 유지합니다.
  • TCO 절감. Adobe Experience Manager Sites 구성 요소는 업그레이드, 역호환, 정기적인 버전 관리가 가능합니다. 따라서 최신 릴리스로 업그레이드하거나 사이트 기능을 개선할 때 비용을 절감할 수 있습니다.
  • 신뢰할 수 있는 구성 요소. 사전 테스트를 거쳐 바로 사용 가능한 구성 요소를 용도에 맞게 사용할 수 있습니다. 따라서 품질 보증, 테스트, 유지 관리에 시간을 할애하는 것이 아니라 중요한 작업에 집중할 수 있습니다.
https://business.adobe.com/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/single-page-app-editing#spa |

단일 페이지 앱 편집

웹 사이트에 사용하는 것과 동일한 드래그 앤 드롭 방식의 편집기를 통해 React나 Angular와 같은 오픈 소스 프레임워크 기반으로 단일 페이지 애플리케이션(SPA)을 편집하거나 관리할 수 있습니다.

  • 매끄러운 레이아웃. SPA 편집기의 드래그 앤 드롭 방식을 통해 Adobe Experience Manager Sites의 기능을 사용할 수 있습니다.
  • CMS 거버넌스. 마케터 또는 코딩에 익숙하지 않은 사용자가 Adobe Experience Manager Sites의 CMS 기능을 사용하여 SPA를 편집하고 관리할 수 있습니다.
  • 컨텍스트 기반의 편집. 콘텐츠를 JSON으로 소비하는 웹 애플리케이션에서도 결과를 미리 보면서 편집할 수 있습니다.
Separation of concerns.

구성 요소 분리

코드, 콘텐츠, 디자인을 분리하면 콘텐츠 저작이 디자인 및 개발과 동시에 수행되므로 프로세스를 모듈 방식으로 빠르게 진행할 수 있습니다. 웹 애플리케이션을 간단하게 개발, 디버깅, 업데이트할 수 있고 유지 관리를 간소화해 개발 속도와 효율성을 높일 수 있습니다.

Optimized boilerplate code.

최적화된 보일러플레이트 코드

성능 최적화를 위한 보일러플레이트 코드를 기반으로 빠르게 개발할 수 있습니다. 보일러플레이트 코드는 모범 사례에 맞게 조정할 수 있으며, 성과 높은 경험을 구축하기 위한 최적의 시작점을 제공합니다. 이를 통해 개발자는 프로젝트를 쉽게 시작하고, 불필요한 코드를 최소화하고, 페이지 로딩 시간을 단축할 수 있습니다.

#F1F1F1

개발자 툴 120% 활용하기

Experience League에서 설명서, 튜토리얼, 사용자 가이드 등 다양한 학습 콘텐츠를 이용해 보세요.

자세히 보기