AEM Sites 시작하기 - WKND 튜토리얼

AEM(Adobe Experience Manager)을 처음 사용하는 개발자를 위해 고안된 다양한 자습서를 시작합니다. 이 자습서에서는 가상 라이프스타일 브랜드인 WKND에 대한 AEM 사이트 구현을 안내합니다. 이 자습서에서는 프로젝트 설정, 코어 구성 요소, 편집 가능한 템플릿, 클라이언트측 라이브러리 및 Adobe Experience Manager Sites을 사용한 구성 요소 개발과 같은 기본 주제를 다룹니다.

개요

이 다중 부분 자습서의 목표는 AEM(Adobe Experience Manager)의 최신 표준 및 기술을 사용하여 웹 사이트를 구현하는 방법을 개발자에게 가르치는 것입니다. 이 자습서를 완료하고 개발자는 플랫폼의 기본 기반을 이해하고 AEM의 일반적인 디자인 패턴을 알고 있어야 합니다.

Sites 프로젝트를 시작하는 옵션

AEM Sites 프로젝트를 시작하는 데에는 두 가지 기본 접근 방법이 있습니다.

AEM 프로젝트 원형 - Maven 템플릿을 사용하여 최소 AEM 프로젝트를 생성하여 AEM 개발에 대한 기존 방법입니다. 이는 과도한 사용자 지정을 예상하는 Cloud Service 프로젝트로서 AEM 6.5/6.4 프로젝트 및 AEM에 권장되는 접근 방법입니다. 이 자습서에서는 AEM 개발을 자세히 살펴봅니다.

AEM 프로젝트 원형 을 사용하여 자습서를 시작합니다

AEM 사이트 템플릿 - 사전 정의된 사이트 템플릿을 사용하여 AEM 사이트를 생성하는 낮은 코드 접근 방법입니다. 즉시 사용 가능한 구성 요소 및 템플릿을 사용하여 사이트를 신속하게 설치 및 실행할 수 있습니다. CSS 및 JavaScript만 사용하여 브랜드별 스타일 및 사용자 지정을 적용하려면 테마 워크플로우를 사용하십시오. 새 프로젝트 및 개발자에게 권장됩니다. 현재 AEM에서 Cloud Service으로 사용할 수 있습니다.

사이트 템플릿을 사용하여 자습서 시작

Adobe XD UI 키트

이 자습서를 실제 시나리오 Adobe의 재능 있는 UX 디자이너에 더 가까이 만들기 위해 Adobe XD을 사용하여 사이트에 대한 모형들을 만들었습니다. 자습서의 교육 과정 동안 다양한 디자인의 조각이 완전한 작성 가능한 AEM 사이트에 구현됩니다. 로렌조 부오시킬리안 아멘돌라​로 WKND 사이트를 위한 아름다운 디자인을 창조하신 특별한 감사를 드립니다.

XD UI 키트를 다운로드합니다.

참조 사이트

WKND Site의 완성된 버전을 참조로도 사용할 수 있습니다. https://wknd.site/

이 자습서에서는 AEM 개발자에게 필요한 주요 개발 기술을 설명하지만 전체 사이트를 처음부터 끝까지 빌드하지 않습니다. 완료된 참조 사이트는 즉시 사용 가능한 AEM 기능을 탐색하고 확인할 수 있는 또 다른 유용한 리소스입니다.

자습서에 이동하기 전에 최신 코드를 테스트하려면 GitHub🔗​에서​최신 릴리스를 다운로드하여 설치하십시오.

Powered by Adobe Stock

WKND 참조 웹 사이트의 많은 이미지는 Adobe Stock에 있으며, https://www.adobe.com/legal/terms.html에 있는 데모 자산 추가 용어에 정의된 대로 타사 자료입니다. Adobe Stock 이미지를 웹 사이트나 마케팅 자료에서 제공하는 것과 같이 이 데모 웹 사이트를 보는 것 이상으로 사용하려면 Adobe Stock에서 라이센스를 구입할 수 있습니다.

Adobe Stock을 사용하면 사진, 그래픽, 비디오 및 템플릿을 포함한 1억 4,000만 개 이상의 고품질의 로열티가 없는 이미지에 액세스하여 크리에이티브 프로젝트를 신속하게 시작할 수 있습니다.

다음 단계

뭘 기다리고 있는 거야?! AEM Project Archetype 또는 사이트 템플릿을 사용하여 사이트를 만드는 방법을 알아봅니다.

이 페이지에서는