설명서AEMAEM 튜토리얼AEM Sites WKND 튜토리얼

사이트 만들기

Last update: Mon May 05 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 적용 대상:
  • Experience Manager as a Cloud Service
  • 주제:
  • 핵심 구성 요소

작성 대상:

  • 초급
  • 개발자

빠른 사이트 생성의 일부로 AEM Adobe Experience Manager의 사이트 생성 마법사를 사용하여 새 웹 사이트를 생성합니다. Adobe에서 제공하는 표준 사이트 템플릿은 새 사이트의 시작점으로 사용됩니다.

사전 요구 사항

이 장의 단계는 Adobe Experience Manager as a Cloud Service 환경에서 수행됩니다. AEM 환경에 대한 관리 액세스 권한이 있는지 확인합니다. 이 자습서를 완료할 때는 샌드박스 프로그램 및 개발 환경을 사용하는 것이 좋습니다.

프로덕션 프로그램 환경도 이 자습서에 사용할 수 있습니다. 그러나 이 자습서에서는 콘텐츠와 코드를 대상 AEM 환경에 배포하므로 이 자습서의 활동이 대상 환경에서 수행되는 작업에 영향을 주지 않는지 확인하십시오.

이 자습서의 일부에는 AEM SDK을(를) 사용할 수 있습니다. Cloud Manager의 프론트엔드 파이프라인으로 테마 배포와 같이 클라우드 서비스를 사용하는 이 자습서의 특성은 AEM SDK에서 수행할 수 없습니다.

자세한 내용은 온보딩 설명서를 검토하십시오.

목표

  1. 사이트 생성 마법사를 사용하여 새 사이트를 생성하는 방법을 알아봅니다.
  2. 사이트 템플릿의 역할을 이해합니다.
  3. 생성된 AEM 사이트를 탐색합니다.

Adobe Experience Manager 작성자에 로그인

첫 번째 단계로 AEM as a Cloud Service 환경에 로그인합니다. AEM 환경은 작성자 서비스 ​와 게시 서비스 간에 분할됩니다.

  • 작성자 서비스 - 사이트 콘텐츠를 만들고 관리하고 업데이트하는 곳입니다. 일반적으로 내부 사용자만 작성자 서비스 ​에 액세스할 수 있으며 로그인 화면 뒤에 있습니다.
  • Publish 서비스 - 실시간 웹 사이트를 호스팅합니다. 최종 사용자가 볼 수 있는 서비스이며 일반적으로 공개적으로 사용할 수 있습니다.

대부분의 자습서는 작성자 서비스 ​를 사용하여 수행됩니다.

  1. Adobe Experience Cloud https://experience.adobe.com/​(으)로 이동합니다. 개인 계정 또는 회사/학교 계정을 사용하여 로그인합니다.

  2. 메뉴에서 올바른 조직이 선택되어 있는지 확인하고 Experience Manager ​을(를) 클릭합니다.

    Experience Cloud 홈

  3. Cloud Manager ​에서 시작 ​을 클릭합니다.

  4. 사용할 프로그램을 마우스로 가리킨 다음 Cloud Manager 프로그램 아이콘을 클릭합니다.

    Cloud Manager 프로그램 아이콘

  5. 위쪽 메뉴에서 환경 ​을 클릭하여 제공된 환경을 봅니다.

  6. 사용할 환경을 찾은 다음 작성자 URL ​을(를) 클릭합니다.

    개발 작성자 액세스

    NOTE
    이 자습서에서는 개발 환경을 사용하는 것이 좋습니다.

  7. AEM 작성자 서비스 ​에 새 탭이 시작됩니다. Adobe으로 로그인 ​을 클릭하면 동일한 Experience Cloud 자격 증명으로 자동으로 로그인됩니다.

  8. 리디렉션되고 인증되면 이제 AEM 시작 화면이 표시됩니다.

    AEM 시작 화면

NOTE
Experience Manager에 액세스하는 데 문제가 있습니까? 온보딩 설명서 검토

기본 사이트 템플릿 다운로드

사이트 템플릿은 새 사이트의 시작점을 제공합니다. 사이트 템플릿에는 몇 가지 기본 테마, 페이지 템플릿, 구성 및 샘플 콘텐츠가 포함됩니다. 사이트 템플릿에 포함된 내용은 정확히 개발자의 책임입니다. Adobe은 새로운 구현을 가속화하기 위해 기본 사이트 템플릿 ​을 제공합니다.

  1. 새 브라우저 탭을 열고 GitHub의 기본 사이트 템플릿 프로젝트로 이동합니다. https://github.com/adobe/aem-site-template-standard. 이 프로젝트는 오픈 소스로 제공되며 누구나 사용할 수 있도록 라이센스가 부여됩니다.

  2. 릴리스 ​를 클릭하고 최신 릴리스​(으)로 이동합니다.

  3. Assets 드롭다운을 확장하고 템플릿 zip 파일을 다운로드합니다.

    기본 사이트 템플릿 Zip

    이 zip 파일은 다음 연습에서 사용됩니다.

    NOTE
    이 자습서는 기본 사이트 템플릿의 버전 1.1.0 ​을(를) 사용하여 작성되었습니다. 프로덕션 사용을 위해 새 프로젝트를 시작할 때 항상 최신 버전을 사용하는 것이 좋습니다.

새 사이트 만들기

그런 다음 이전 연습의 사이트 템플릿을 사용하여 새 사이트를 생성합니다.

  1. AEM 환경으로 돌아갑니다. AEM 시작 화면에서 사이트(으)로 이동합니다.

  2. 오른쪽 상단 모서리에서 만들기 > 사이트(템플릿) ​를 클릭합니다. 사이트 만들기 마법사 ​가 실행됩니다.

  3. 사이트 템플릿 선택 ​에서 가져오기 단추를 클릭합니다.

    이전 연습에서 다운로드한 .zip 템플릿 파일을 업로드합니다.

  4. 기본 AEM 사이트 템플릿 ​을 선택하고 다음 ​을 클릭합니다.

    사이트 템플릿 선택

  5. 사이트 세부 정보 > 사이트 제목 ​에서 WKND Site을(를) 입력하십시오.

    실제 구현에서 "WKND 사이트"는 회사 또는 조직의 브랜드 이름으로 대체됩니다. 이 자습서에서는 가상 라이프스타일 브랜드 "WKND"에 대한 사이트 생성을 시뮬레이션합니다.

  6. 사이트 이름 ​에서 wknd을(를) 입력하십시오.

    사이트 템플릿 세부 정보

    NOTE
    공유 AEM 환경을 사용하는 경우 사이트 이름 ​에 고유 식별자를 추가하십시오. 예, wknd-site-johndoe. 이렇게 하면 여러 사용자가 충돌 없이 동일한 자습서를 완료할 수 있습니다.

  7. 사이트를 생성하려면 만들기 ​를 클릭하십시오. AEM에서 웹 사이트 만들기를 완료하면 성공 대화 상자에서 완료 ​를 클릭합니다.

새 사이트 탐색

  1. 아직 없는 경우 AEM Sites 콘솔로 이동합니다.

  2. 새 WKND 사이트 ​가 생성되었습니다. 여기에는 다국어 계층 구조를 가진 사이트 구조가 포함됩니다.

  3. 페이지를 선택하고 메뉴 모음에서 편집 단추를 클릭하여 영어 > 홈 페이지를 엽니다.

    WKND 사이트 계층 구조

  4. 스타터 콘텐츠는 이미 만들어졌으며 여러 구성 요소를 페이지에 추가할 수 있습니다. 이러한 구성 요소를 실험하여 기능을 파악하십시오. 다음 장에서 구성 요소의 기본 사항에 대해 알아봅니다.

    홈 페이지 시작

    사이트 템플릿에서 제공한 샘플 콘텐츠

축하합니다!

축하합니다. 첫 번째 AEM 사이트를 만들었습니다!

다음 단계

AEM Adobe Experience Manager의 페이지 편집기를 사용하여 콘텐츠 작성 및 게시 장에서 사이트의 콘텐츠를 업데이트합니다. 원자 구성 요소를 구성하여 콘텐츠를 업데이트하는 방법에 대해 알아봅니다. AEM 작성자와 게시 환경의 차이점을 이해하고 라이브 사이트에 업데이트를 게시하는 방법을 알아봅니다.

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9