Adobe Experience Manager 인터페이스를 보여주는 이미지
Adobe Experience Manager 인터페이스를 보여주는 이미지
con-block-row-bgcolor
#F8F8F8

Adobe Experience Manager Sites 운영 가이드

필요한 기술을 살펴보고, CMS가 귀사의 기술 스택에 어떻게 통합되는지 알아보세요.

Adobe Experience Manager 인터페이스를 보여주는 이미지
#F8F8F8

Adobe Experience Manager Sites 운영 가이드

콘텐츠 관리 시스템(CMS) 선택 시 고려해야 할 기능을 알아보세요. Adobe의 헤드리스 CMS가 프런트엔드 개발을 간소화하고, 지속적인 통합 및 지속적인 배포(CI/CD)를 가속화하며, 마케터가 유연한 콘텐츠 저작 툴을 활용해 다양한 방식으로 페이지를 게시할 수 있도록 지원하는 방법을 확인해 보세요.

새로운 콘텐츠 관리 시스템(CMS) 도입은 기업이 신중하게 내려야 하는 결정입니다. 특히 IT 팀에게는 고려해야 할 몇 가지 핵심 사항 있습니다.

  • 먼저 새로운 CMS의 기술적 기반이 회사의 미래 비즈니스 목표와 기술 로드맵에 부합하는지 확인해야 합니다. 복잡성을 추가하기보다는 기존 개발 프로세스에 원활하게 통합될 수 있어야 합니다.
  • 다음으로 개발자가 온보딩하는 데 필요한 기술과 교육을 파악하고, 마케터가 플랫폼을 얼마나 빠르게 사용하기 시작할 수 있는지도 고려해야 합니다. 두 팀 모두에게 상당한 온보딩 노력이 필요하다면 출시 시간이 지연될 수 있습니다.
  • 마지막으로 회사의 성장에 따라 CMS가 얼마나 확장 가능한지, 그리고 구현 과정과 지속적인 유지 관리 과정에서 어떤 지원을 받을 수 있는지 명확히 이해해야 합니다.
#F8F8F8
이 가이드에서는 핵심 운영 가이드라인을 살펴보고, Adobe Experience Manager Sites가 모든 조건을 충족하는 CMS인지 확인해 보겠습니다.

표준화된 코드 및 반응형 개발

React, Angular, Next.js와 같은 복잡한 JavaScript 및 CSS 프레임워크가 필요한 많은 CMS 플랫폼과 달리, Experience Manager Sites의 Edge Delivery Services는 Vanilla JavaScript와 CSS를 사용합니다. 물론 개발자는 필요에 따라 다른 프레임워크를 통합할 수도 있습니다. 즉, 콘텐츠 프레임워크와 웹사이트를 구축하기 위해 풀스택 개발자가 필요하지 않으며, IT 팀은 더 폭넓게 활용 가능하고 온보딩이 쉬운 프런트엔드 개발자를 채용할 수 있습니다.
Experience Manager Sites
기타 CMS 플랫폼
코드 복잡성
Vanilla JavaScript 및 CSS
React, Angular, Next.js와 같은 JavaScript 및 CSS 프레임워크
개발자 스킬
프런트엔드 개발
풀스택 개발
Experience Manager Sites는 개발자가 디지털 경험을 제작할 수 있는 기반으로 보일러플레이트 코드를 제공합니다. 이 코드는 웹페이지의 템플릿 역할을 하며, Google Lighthouse 점수(LHS) 100점과 우수한 Core Web Vitals를 포함한 최고 수준의 웹 성능 지표를 달성하도록 사전 최적화되어 있습니다. 또한 개발자가 사용자 정의 블록을 개발하거나 블록 컬렉션에서 선택하여 보일러플레이트를 확장하더라도 이 코드베이스를 통해 새로운 경험이나 업데이트된 경험을 배포하기 전에 Google LHS를 쉽게 테스트하고 문제를 해결할 수 있습니다.
Google Lighthouse 점수가 표시된 Adobe Experience Manager Site HTML 코드를 보여주는 그래픽

콘텐츠의 경우 빠른 개발만큼이나 빠른 전송이 중요합니다. Experience Manager Sites는 GitHub에 완전히 배포되므로 지속적인 통합 및 지속적인 배포(CI/CD) 파이프라인과 원활하게 통합됩니다. 이러한 긴밀한 통합을 통해 수동 전달을 최소화하고 전체 배포 주기를 크게 단축할 수 있습니다. 또한 Adobe Experience Manager Code Sync GitHub 앱을 사용하면 GitHub 리포지토리를 통합해 지정된 채널에서 테스트, 게시, 전송할 수 있습니다.

최대한 빠른 로드 시간으로 페이지를 전송하기 위해 Experience Manager Sites는 즉시 사용할 수 있는 엔터프라이즈급 콘텐츠 전송 네트워크(CDN)도 제공합니다. 이 CDN은 완전 관리형으로 제공되며, 사용자의 위치와 관계없이 안전하고 높은 성능을 보장하도록 최적화되어 있습니다. 또한 바로 사용할 수 있지만, 많은 대기업은 이미 다른 콘텐츠를 저장하거나 특정 지역에서 운영하기 위한 CDN을 보유하고 있습니다. 이러한 경우 해당 CDN을 Experience Manager Sites와 쉽게 통합할 수 있습니다.

유연한 콘텐츠 저작으로 마케터 역량 강화

#F8F8F8

디지털 콘텐츠 제작과 관리에 대한 수요는 급증하고 있으며, 높아진 고객의 기대치로 인해 기업은 그 어느 때보다 빠르게 옴니채널 디지털 경험을 제작하고 제공해야 한다는 압박을 받고 있습니다. 마케터가 웹페이지와 웹사이트의 구축, 저작, 게시, 관리를 위해 IT에 의존하는 경우 고성능 페이지를 제작하기가 어려울 수 있습니다.

Experience Manager Sites의 Edge Delivery Services는 마케터에게 두 가지 콘텐츠 저작 방식을 제공합니다. 바로 문서 기반 작성표준 편집기의 WYSIWYG(실시간 미리 보기) 편집 기능입니다. 또한 구성 요소 분리 접근 방식을 통해 코드, 콘텐츠, 디자인을 분리하여 개발 워크플로우를 크게 가속화합니다. 이러한 사용하기 쉬운 툴 덕분에 마케터는 광범위한 교육이나 IT 지원 없이도 작업할 수 있어 팀은 보다 효율적으로 업무를 수행하고 자신의 전문 분야에 더 많은 시간을 집중할 수 있습니다.

개발자가 작성하는 블록 코드는 콘텐츠 저작 방식과 독립적으로 작동하므로 문서 기반 저작과 표준 편집기 모두에서 호환됩니다. 이를 통해 웹사이트는 보일러플레이트와 블록을 포함한 단일 코드베이스로 두 가지 저작 방식을 모두 사용할 수 있습니다. 이러한 접근 방식을 통해 개발자는 단일 보일러플레이트와 블록 라이브러리만 생성하고 유지 관리하면 되며, 마케터는 서로 다른 페이지에서 올바른 블록과 스타일이 적용되는지 걱정할 필요가 없습니다.

문서 기반 저작을 통해 마케터는 Microsoft Word와 Google Docs 같은 익숙한 툴을 사용하여 웹페이지를 생성 및 편집할 수 있습니다. 제목, 목록, 이미지, 스타일링, 영상 등 다양한 페이지 요소를 소스 문서에서 웹사이트로 직접 전송할 수 있습니다. 마케터는 이미 익숙한 툴로 작업할 수 있으며, 프런트엔드 개발자는 독립적으로 그리고 동시에 마케터의 콘텐츠를 웹 경험으로 변환하는 재사용 가능한 블록을 생성할 수 있습니다.

표준 편집기는 마케터가 페이지의 실시간 미리 보기에서 콘텐츠를 직접 편집할 수 있는 옵션을 제공합니다. 블록을 쉽게 추가, 삭제, 재정렬할 수 있으며 편집기에서 바로 콘텐츠를 수정할 수 있습니다. 문서 기반 저작과 달리 표준 편집기는 페이지에서 변경 사항이 실시간으로 반영되므로 마케터가 별도의 환경에서 변경 내용을 미리 확인할 필요가 없습니다.

문서 기반 저작과 표준 편집기 모두 완전히 확장 가능한 사용자 인터페이스를 제공하여 마케터가 개발자의 큰 도움 없이도 웹 경험을 제작, 디자인, 배포할 수 있는 유연성을 제공합니다. 또한 Adobe Experience Manager Sidekick표준 편집기 확장 포인트를 통해 마케터의 니즈에 맞게 저작 환경을 맞춤화할 수 있습니다.

유연성: 헤드리스 CMS와 백엔드 시스템의 강력한 기능 활용

Adobe Experience Manager Sites는 개발자에게 콘텐츠 제작 및 개발을 간소화할 수 있도록 Vanilla JavaScript와 CSS로 구축된 보일러플레이트를 제공합니다. 동시에 특정 통합 니즈를 충족할 수 있는 높은 수준의 유연성도 함께 제공합니다.

예를 들어, 대기업은 주요 제품 출시를 위한 랜딩 페이지를 제작하기 위해 숙련된 웹 개발자와 디자이너를 고용하는 경우가 많습니다. 이러한 페이지는 일반적으로 표준 보일러플레이트나 작성자가 사용하는 블록 라이브러리에서 가져온 기존 사이트 디자인을 기반으로 하지 않습니다. 대신 디자이너와 개발자는 사용자 정의 JavaScript, CSS, 고유한 콘텐츠를 만드는 데 많은 시간을 투자하지만, 그중 상당 부분은 이후 폐기되어 개발자 리소스 낭비로 이어지기도 합니다. Experience Manager Sites를 사용하면 맞춤형 프런트엔드 경험을 구축하는 동시에 플랫폼을 강력한 백엔드 리포지토리로 활용할 수 있습니다. 이를 통해 새로운 랜딩 페이지와 메인 사이트에서 동일한 콘텐츠를 재사용할 수 있습니다. 이러한 기능은 최신 헤드리스 CMS 아키텍처를 지원하는 핵심 요소입니다.

자체 프런트엔드가 연결되면 콘텐츠 조각은 스키마나 모델을 통해 콘텐츠를 구조화하는 유용한 방법이 됩니다. 마케터는 사전에 설정된 양식을 사용하여 헤더, 설명, 클릭 유도 문안(CTA)과 같은 요소를 입력할 수 있으며, 입력한 내용은 페이지로 불러와 사용할 수 있습니다. 이 접근 방식을 통해 마케터는 계속해서 콘텐츠를 저작할 수 있고, 개발자는 애니메이션이나 사용자 정의 디자인과 같은 기능을 구현하는 데 필요한 기술적 요소를 바탕으로 페이지를 유연하게 디자인할 수 있습니다.

번역 관리

#F8F8F8

여러 지역에 걸쳐 콘텐츠를 확장하고 관리하는 일은 시간이 많이 소요될 뿐만 아니라 비용 효과적이지 못한 경우가 많습니다. 별도의 콘텐츠 관리 시스템(CMS)과 번역 관리 시스템(TMS) 간 통합 과정에서 문제가 발생하는 경우도 흔합니다. 기업이 글로벌 확장을 거듭할수록 여러 언어에서 콘텐츠의 품질과 일관성을 유지하기는 더욱 어려워집니다. 따라서 번역 과정을 간소화하고 글로벌 콘텐츠를 효과적으로 확장할 수 있는 보다 간단한 접근 방식이 필요합니다.

Experience Manager Sites는 글로벌 시장에서 다국어 콘텐츠를 관리할 수 있도록 강력한 기본 제공 툴을 제공합니다. 기본 통합 기능을 통해 번역 공급업체와 연결할 수 있으며, 사람 번역과 기계 번역 모두에 대한 워크플로우를 자동화할 수 있습니다.

개발자 커뮤니티 지원

#F8F8F8
고성능 웹사이트를 구축하는 일은 복잡할 수 있습니다. JavaScript와 CSS를 사용하더라도 개발자는 문제를 해결하고, 혁신적인 솔루션을 공유하며, 모범 사례를 학습하기 위해 전문가와 커뮤니티의 지원이 필요합니다. IT 팀은 전용 Slack 채널을 통해 Adobe Enterprise Support와 Adobe Engineering에 지원을 요청할 수 있습니다. 또한 개발자는 Discord의 Adobe Experience Manager 커뮤니티에 합류하여 다른 개발자와 Adobe Engineering 전문가와 소통할 수 있습니다. 아울러 Block Party에서 자신이 작성한 블록을 공유하여 다른 사람들이 활용할 수 있도록 하고, 제품 개발 방향에도 기여할 수 있습니다.

엔터프라이즈를 위한 클라우드 CMS 준비

#F8F8F8

개발에 있어 Adobe의 핵심 원칙은 속도와 성능이며, Adobe Experience Manager Sites의 Edge Delivery Services도 마찬가지입니다. 이 플랫폼은 기존 운영 환경에 쉽게 통합되므로 전환에 최적화되고, 우수한 Core Web Vitals를 갖춘 웹페이지와 전체 웹사이트를 신속하게 구축하고 배포할 수 있습니다.

프런트엔드 개발자 기술만으로도 충분하므로, 개발자는 동일한 JavaScript와 CSS를 사용하여 페이지를 구축하고 유지 관리할 수 있으며 마케터는 이미 사용 중인 툴에서 콘텐츠를 저작할 수 있습니다. 이후 필요에 따라 플랫폼을 확장할 수도 있습니다. Adobe Experience Manager Sites는 비즈니스가 성장함에 따라 기능과 디지털 자산을 추가할 수 있도록 완전한 UI 확장성을 제공합니다.

이제 CMS를 업그레이드할 때입니다. Edge Delivery Services에 특화된 가이드라인과 모범 사례를 포함하여 Adobe Experience Manager Sites를 시작하는 방법을 살펴보세요.

추천 리소스

https://main--da-bacom--adobecom.aem.live/fragments/resources/cards/thank-you-collections/experience-manager-sites