#F5F5F5

Adobe Experience Manager Sites 기능

신속한 개발

다양한 개발 워크플로우에 사용할 수 있도록 설계된 Adobe Experience Manager Sites를 통해 vanilla JS, HTML, CSS로 성과가 높은 경험을 빠르게 구축할 수 있습니다. 광범위한 API 세트를 사용하여 콘텐츠에 액세스하고, CMS를 쉽게 맞춤화하고, 보일러플레이트 코드를 활용해 성과 중심의 접근 방식으로 웹 경험을 제작해 보세요.

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/optimized-boilerplate-code#optimized | AEM Sites boilerplate code with GitHub integration for version control. Includes blocks, styles, and component folders.

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

코어 웹 바이탈(Core Web Vitals)이 우수한 고성능 경험을 구축하는 데 최고의 발판이 되는 Adobe 보일러플레이트 코드를 사용해 개발을 신속하게 시작해 보세요. 프로젝트를 수월하게 시작하고, 불필요한 코드를 줄이고, 페이지 로딩 시간을 단축할 수 있습니다.

style

L spacing

style

Divider, container

구성 요소 분리

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

Adobe Experience Manager Sites lets you troubleshoot, reload, and publish code and content separately to improve development speed and efficiency.

구성 요소 분리에 대해 더 알아보기

Content as a Service v2 - deeper-content-3 - Thursday, May 2, 2024 at 13:43

style

L spacing

style

Divider, container

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/out-of-the-box-components#box | An Adobe Experience Manager Sites boilerplate content template, with headings, text, images, lists, links, buttons, code, and section blocks.

즉시 사용 가능한 블록

메인, 머리글, 이미지, 목록 등 웹 요소를 구성하는 사전 구축된 블록을 이용하여 페이지를 빠르게 제작할 수 있습니다. 저작자는 페이지를 쉽게 구축하고, 개발자는 맞춤 구성 요소를 간단하게 생성할 수 있습니다.

직관적이고 유용한 툴. 저작자와 개발자 모두 경량의 vanilla JS 및 CSS 기반의 구성 요소를 쉽게 이용할 수 있습니다.
신속성, 접근성, SEO 최적화. 높은 SEO 순위와 접근성을 보장하는 블록을 사용해 페이지 성능을 최적화할 수 있습니다.
TCO 절감. 기존 Adobe Experience Manager Sites 프로젝트를 통해 새로운 블록을 구축할 수 있으므로 사이트 제작에 필요한 개발 및 유지 관리를 최소화할 수 있습니다.

style

L spacing

style

Divider, container

API 기반

GraphQL API와 같은 강력한 맞춤 API를 통해 Adobe Experience Manager Sites를 확장하고 애플리케이션을 개발할 수 있습니다. GraphQL은 요청된 콘텐츠만 반환하는 효율적인 콘텐츠 검색을 위한 업계 표준 쿼리 언어를 제공하므로 애플리케이션의 유형과 요구 사항에 맞게 응답합니다. 또한 중첩 쿼리를 지원하므로 모든 디지털 채널에서 브랜드에 최적화된 반응형 경험을 신속히 제공할 수 있습니다.

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

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/graphql#graphql | Adobe Experience Manager Sites GraphiQL Explorer user interface.

style

L spacing

style

Divider, container

An AEM Assets media panel showing image options for building a personalized buying guide.

확장 가능한 통합

고유한 요구 사항에 맞게 Adobe Experience Manager Sites를 통합할 수 있습니다.

사전 구성된 연결. 다양한 Adobe Experience Cloud 애플리케이션과의 통합을 통해 개인화된 경험을 제공할 수 있습니다.
빨라진 경험 전달. Adobe Exchange에서 제공되는 검증된 서드파티 애플리케이션과 서비스를 통해 출시를 앞당길 수 있습니다.
기능 확장. Adobe 확장 프레임워크와 Adobe Developer App Builder를 사용해 기능을 확장하고 서버리스 클라우드 기반 아키텍처에서 맞춤 솔루션을 구축할 수 있습니다.

style

L spacing

style

Divider, container

클라우드 기반

항상 최신 상태로 유지되는 Adobe Experience Manager Sites는 클라우드를 기반으로 최신 기능이 매끄럽게 제공되며, 역호환과 즉각적인 액세스가 가능합니다.

자동으로 조정되는 리소스. 컨테이너화를 통해 콘텐츠를 저작하고 게시할 때 동적 자동 확장을 구현할 수 있습니다.
탁월한 접근성. 전 세계의 여러 게시 지역과 즉시 사용 가능한 콘텐츠 전달 네트워크를 통해 지연 시간을 줄이고 가용성을 높일 수 있습니다.
안정적인 서비스 인프라. 99.99%의 높은 SLA를 지원하므로 고가용성을 보장하고 사고 대응을 신속히 할 수 있습니다.