#F5F5F5

Experience Manager Sites 구성 요소를 사용하여 매력적인 경험을 더 빠르게 구축하세요.

사용자 인터페이스는 '구성 요소'라는 제목의 드롭다운 메뉴를 보여주며 여기에는 아코디언, 버튼, 슬라이드, 콘텐츠 조각, 경험 조각, 이미지 등의 옵션이 있습니다. 커서가 '콘텐츠 조각'을 선택하고 있습니다. 배경에는 화려한 색상의 빛나는 치타, '자세히 알아보기' 버튼, 기업 네트워크 솔루션을 홍보하는 마케팅 텍스트 등이 포함된 'Sentry' 웹 사이트 화면이 보 보입니다.
#F5F5F5

모듈식 시스템으로 웹 및 페이지 개발 속도 향상

Adobe Experience Manager Sites는 강력한 모듈식 웹 구성 요소 시스템을 통해 반응형 디지털 경험을 더 빠르게 구축할 수 있도록 지원합니다. 드래그 앤 드롭 UI 요소 등 즉시 사용 가능한 핵심 구성 요소를 풍부하게 제공하는 라이브러리를 활용하여 페이지를 신속하게 완성하고, 브랜드 일관성을 유지하며, 사용자 정의 코딩의 필요성을 줄이세요. Experience Manager Sites의 구성 요소 기반 접근 방식을 통해 개발 효율성을 개선하고, 확장 가능한 콘텐츠 운영이 가능하며, 총소유비용을 낮출 수 있습니다.

장애물: 콘텐츠 속도 문제 극복

다양한 시장에서 새롭고 매력적인 콘텐츠를 제공하려면 속도와 일관성이 필요합니다. 수동 코딩과 재사용 불가능한 요소에 의존하는 기존 웹 개발 모델은 페이지 제작 속도를 늦추고, 개발자 리소스를 지나치게 소모하며, 여러 디바이스에서 일관되지 않은 브랜딩을 하게 될 위험이 있습니다.

모듈식 프레임워크가 없으면 마케팅팀은 비전을 실제 경험으로 구현할 때 작업 지연을 겪게 되고, 개발자는 양식, 이미지 갤러리, 탐색 메뉴와 같은 표준 구성 요소를 계속해서 다시 만드는 데 귀중한 시간을 낭비하게 됩니다. 오늘날의 디지털 환경에서 기업은 콘텐츠 품질이나 민첩성에 영향을 미치지 않고 콘텐츠 수요를 신속하게 충족할 수 있는 확장 가능하고 재사용 가능한 시스템이 필요합니다.

Experience Manager Sites 웹 구성 요소를 사용하여 더 빠르게 디지털 경험 구축

Experience Manager Sites는 사전 구축된 맞춤형 구성 요소를 제공하는 정교한 시스템을 통해 이러한 과제를 해결합니다.

  • 콘텐츠 작성자 는 심층적인 기술적 전문 지식이 없어도 시각적인 드래그 앤 드롭 인터페이스를 통해 브랜드에 부합하는 반응형 페이지를 빠르게 구성할 수 있습니다.
  • 개발자 는 표준화되고 이전 버전과 호환 가능한 구성 요소를 재사용하고 확장하여 사용자 정의 빌드 시간을 줄이고 유지 관리를 간소화함으로써 생산성을 높일 수 있습니다.

이러한 모듈식 접근 방식은 모든 채널에서 일관된 디지털 경험을 보장하여 출시 시간을 단축하는 동시에 디자인 무결성과 성능을 유지합니다.

Experience Manager 구성 요소를 사용하여 웹 개발 속도 향상

Experience Manager Sites의 핵심 구성 요소는 바로 적용 가능한 표준화된 UI 빌딩 블록 세트로서 페이지 제작 속도를 높이고 여러 디지털 접점에서 일관된 사용자 경험을 보장합니다. 콘텐츠 작성자는 경로, 검색 바, 슬라이드, 양식, 이미지 갤러리와 같은 직관적인 구성 요소를 사용하여 페이지를 시각적으로 쉽게 구성할 수 있습니다. 동시에 개발자는 핵심 구성 요소의 확장성, 버전 제어, 이전 버전과의 호환성을 통해 미래의 사이트 발전 및 확장에 대비할 수 있습니다. 이 접근 방식은 사용자 정의 개발의 필요성을 줄이고 업그레이드를 간소화하여 장기적인 총비용을 낮춥니다.

Experience Manager Sites 구성 요소의 이점

기능적이고 유연한 웹 구성 요소

각 Experience Manager 구성 요소는 스크립트, 스타일, 기능을 캡슐화하는 독립적이고 구성 가능한 리소스입니다. 콘텐츠 작성자는 기본 텍스트 블록에서 아코디언, 탭과 같은 복잡한 UI 요소에 이르기까지, 표준 사용 사례를 위한 구성 요소를 개발자의 도움 없이 쉽게 맞춤화할 수 있습니다.

업그레이드 가능한 CMS 구성 요소를 통해 비용 절감

Experience Manager의 핵심 구성 요소는 수명이 길고 업그레이드할 수 있도록 설계되어 시간이 지날수록 유지 관리 위험이 줄어듭니다. 정기적인 버전 관리와 이전 버전과의 호환성은 고도로 맞춤화된 이전 솔루션에 비해 개발 투자를 보호하고 플랫폼 업그레이드를 간소화하는 효과가 있습니다.

상속된 UI 구성 요소를 통해 브랜드 경험 일관성 확보

Experience Manager 템플릿과 구성 요소가 상속되어 머리글, 바닥글, 탐색 바와 같은 공유 요소의 시각적 및 기능적 일관성이 모든 사이트에서 유지됩니다. Experience Manager Style System을 사용하면 다양하게 스타일을 변형할 수 있어 콘텐츠 작성자에게 권한을 부여하면서 브랜드 표준을 유지할 수 있습니다.

다이내믹 미디어 통합으로 비주얼 최적화

이미지 기반 구성 요소는 Experience Manager 다이내믹 미디어와 완벽하게 통합됩니다. 이를 통해 스마트 자르기, 이미지 사전 설정, 성능 최적화와 같은 기능을 구성 요소에 직접 사용할 수 있으므로 모든 디바이스에서 고품질의 비주얼을 제공할 수 있습니다.

https://video.tv.adobe.com/v/18926?quality=12&learn=on&captions=kor&autoplay=true&hidetitle=true

구성 요소 용어 비교

용어
Experience Manager에서의 의미
웹 구성 요소
Experience Manager 구성 요소는 일반 웹 구성 요소와 유사한 이점(재사용성, 캡슐화, 빠른 개발 속도)이 있으며 웹 페이지의 빌딩 블록 역할을 합니다.
UI 구성 요소
Experience Manager 구성 요소의 대부분은 콘텐츠 작성자가 구성하고 사용자가 상호 작용할 수 있는 사용자 인터페이스 요소(양식, 버튼, 탐색, 슬라이드)를 직접 렌더링합니다.
CMS 구성 요소
Experience Manager 구성 요소는 CMS 내에서 관리되며, 페이지에 표시되는 콘텐츠 구조와 모양을 정의하고, 템플릿과 워크플로우에 연결되는 경우가 많습니다.
드래그 앤 드롭 구성 요소
Experience Manager Sites에서 시각적 편집기를 사용하여 페이지에 구성 요소를 추가하고 배열하는 기본 작성 방법을 의미합니다.
콘텐츠 구성 요소
Experience Manager 구성 요소는 페이지 경험을 구성하는 특정 콘텐츠(텍스트, 이미지, 영상, 조각)를 관리합니다.
핵심 구성 요소
Experience Manager의 특별 구성 요소로, 최신의 표준화된 모범 사례를 기반으로 하고 즉시 사용 가능하며 유연성, 유지관리 편의성, 성능을 높이도록 설계되었습니다.
즉시 사용 가능한 구성 요소
즉시 사용 가능하며 사전에 구축된 Experience Manager 구성 요소를 의미하는 일반적인 용어입니다. 최신 주요 사례로 Experience Manager의 핵심 구성 요소를 들 수 있습니다.

FAQ

Experience Manager에서 말하는 웹 구성 요소란 무엇인가요?
Experience Manager 구성 요소는 사용자 정의 요소나 Shadow DOM과 같은 기본 브라우저 표준이 아닌 HTL(HTML 템플릿 언어) 및 Sling 등의 Adobe 기술을 사용하여 구축되었지만, 모듈성, 재사용성, 포괄성 같은 동일한 주요 이점을 제공합니다. Experience Manager 구성 요소는 웹 페이지 개발 속도를 높이는 독립적인 빌딩 블록 역할을 합니다.
Experience Manager Sites의 UI 구성 요소란 무엇인가요?
UI 구성 요소는 사용자 인터페이스의 일부를 렌더링하는 사전 구축된 요소로서 콘텐츠 작성자가 시각적인 방식으로 구성할 수 있습니다. 양식, 탐색 메뉴, 검색 바, 슬라이드, 탭, 아코디언 등을 예로 들 수 있으며, 이는 모두 코딩 없이 상호 작용하는 반응형 페이지를 구축하는 데 필수적입니다.
Experience Manager의 핵심 구성 요소란 무엇인가요?
핵심 구성 요소는 웹 페이지 제작에 바로 사용할 수 있는 Adobe의 표준화된 콘텐츠 관리 구성 요소 세트입니다. 모범 사례를 기반으로 구축되었으며 유연한 작성 기능, 광범위한 구성 옵션, 버전 제어, 이전 버전과의 호환성을 제공하므로 최신 Experience Manager 사이트를 위한 훌륭한 기반이 되어 줍니다.
핵심 구성 요소는 기초 구성 요소와 어떻게 다른가요?
핵심 구성 요소는 현대적이고 유연하며 최신 모범 사례에 따라 유지 관리됩니다. 기초 구성 요소는 오래된 기술에 의존하는 구식 구성 요소로, 대부분 더 이상 사용되지 않습니다. 새로운 프로젝트에는 성능과 유지관리 향상을 위해 핵심 구성 요소를 사용하는 것이 좋습니다.
Experience Manager GraphQL API는 구성 요소와 어떻게 연동되나요?
Experience Manager GraphQL API를 사용하면 개발자는 헤드리스 설정의 Experience Manager 구성 요소에서 구조화된 콘텐츠를 쿼리하고 검색할 수 있습니다. 이를 통해 SPA, 모바일 애플리케이션 또는 기타 디지털 경험과 같은 프런트엔드 애플리케이션에 텍스트나 이미지 URL 등의 특정 필드를 효율적으로 제공하여 성능과 유연성을 개선할 수 있습니다.
Experience Manager Sites에서 '드래그 앤 드롭 구성 요소'는 무엇을 의미하나요?
드래그 앤 드롭 구성 요소는 Experience Manager Sites의 시각적 페이지 구축 환경을 의미합니다. 작성자는 측면 패널에서 구성 요소를 선택하여 페이지의 원하는 위치로 끌어다 놓을 수 있습니다. 따라서 코드를 작성하지 않아도 직관적으로 레이아웃을 만들고 콘텐츠를 게시할 수 있습니다.