적응형 양식 핵심 구성 요소

GitHub에서의 가용성: AEM 적응형 양식 핵심 구성 요소는 오픈 소스이며 포괄적인 설명서와 함께 GitHub에서 사용할 수 있습니다. 이를 통해 개발자는 구성 요소와 작동 방식을 보다 쉽게 이해할 수 있을 뿐만 아니라 개발에 기여할 수 있습니다. 개발자가 작동 중인 구성 요소를 확인하고 자세한 설명서에 액세스할 수 있는 유용한 리소스인 emcomponents.dev 웹 사이트도 있습니다.

스타일링용 BEM 모델: 핵심 구성 요소는 CSS를 구성하기 위해 잘 정립되고 널리 사용되는 방법론인 스타일링용 BEM(블록 요소 수정자) 모델을 따릅니다. 이를 통해 개발자가 스타일을 구성하는 방법과 특정 요구 사항에 맞게 스타일을 수정하는 방법을 보다 쉽게 이해할 수 있습니다.

서드파티 라이브러리에 대한 종속성 없음: 핵심 구성 요소의 장점 중 하나는 JQuery 및 Underscore를 비롯한 서드파티 JavaScript 라이브러리에 종속되지 않는다는 점입니다. 이를 통해 구성 요소가 더 빠르고 가벼워질 뿐만 아니라 기존 AEM 구현에 쉽게 통합될 수 있습니다.

성능 및 접근성에 대한 포커스: 핵심 구성 요소는 성능과 접근성을 염두에 두고 구축되었으며, 이는 높은 Google Lighthouse 및 웹 바이탈 점수에 반영됩니다. 이를 통해 개발자는 오늘날의 디지털 환경에서 점점 더 중요해지고 있는 접근성이 뛰어난 고성능 웹 페이지를 보다 쉽게 만들 수 있습니다.

Sites 30 템플릿 및 테마의 양식 구성 요소: 핵심 구성 요소는 Sites 30 템플릿 및 테마의 양식 구성 요소를 지원하므로 개발자가 AEM 내에서 양식을 보다 쉽게 만들고 사용자 정의할 수 있습니다.

스타일링 용이성: 핵심 구성 요소는 기초 구성 요소보다 스타일링이 더 쉽습니다. 테마 생성 프로세스는 Sites와 유사하며 상위 Sites 페이지에서 동일한 테마/CSS를 상속할 수 있습니다. 또한 스타일링용 BEM 모델을 사용하면 스타일을 보다 쉽게 이해하고 수정할 수 있습니다.

접근성: 적응형 양식 핵심 구성 요소는 접근성 표준 및 지침을 지원하여 화면 판독기와 같은 보조 기술을 사용하는 사용자를 포함하여 장애를 가진 사용자도 양식을 사용할 수 있도록 합니다.

버전 관리: 핵심 구성 요소 기반 적응형 양식의 여러 버전을 만들고 관리하고, 주석을 통해 공동 작업 토론에 참여하고, 특정 양식 구성 요소에 주석을 첨부하여 전반적인 양식 작성 경험을 향상할 수 있습니다.

친숙한 UI 요소 및 설정: 양식 구성 요소에 대한 속성을 구성할 때 WCM 핵심 구성 요소에 사용하는 것과 동일한 속성 대화 상자가 표시됩니다. 덕분에 필요한 옵션을 더 빨리 찾을 수 있습니다. WCM 핵심 구성 요소와 마찬가지로 양식 구성 요소의 경우 기본 및 고급 옵션, 도움말 텍스트 및 접근성 정보를 구분하는 명확한 탭과 함께 편집기 중앙에 속성 대화 상자가 표시되며, 모두 쉽게 탐색할 수 있도록 탭 형식을 취합니다.

규칙 편집기: 코드를 작성하지 않고도 양식에 로직 및 동적 기능을 추가할 수 있습니다. 기본 제공 규칙 편집기를 사용하여 다음과 같은 작업을 수행할 수 있습니다.

• 사용자 선택에 따라 필드 표시 또는 숨기기
• 오브젝트 활성화 또는 비활성화
• 오브젝트의 값 설정
• 계산 수행
• 오브젝트의 속성 설정
• 데이터 입력 유효성 검사
• 서비스 호출 (외부 기능 호출)
• 기본 제공 기능 사용 (일반 작업을 위해 사전 정의된 기능)
• 사용자 정의 기능 사용 (특정 요구에 맞는 자체 코드)
• 필드 및 패널 유효성 검사 (데이터가 요구 사항을 충족하는지 확인)
• 오브젝트 값의 유효성 검사
• 오브젝트의 값을 계산하는 함수 실행
• 양식 데이터 모델(FDM) 서비스 호출 및 작업 수행
• 동적으로 스타일 추가 (조건에 따라 모양 변경)
• 다른 규칙 만들기 (체인 작업 및 로직)
• 이 외에도 다양한 내용이 있습니다!

규칙 편집기에는 코드 편집기가 없습니다. 사용자 정의 함수를 사용하여 규칙 편집기에 특정 요구 사항에 맞는 자체 코드를 추가할 수 있습니다.

양식 사전 채우기: 사용자가 양식을 열 때 양식의 특정 필드를 기존 데이터로 자동으로 채울 수 있습니다. 덕분에 이미 확인된 정보를 수동으로 입력할 필요가 없으므로 사용자의 시간과 노력이 절약됩니다. 핵심 구성 요소 편집기는 양식 데이터 모델의 도움으로 양식 필드를 채우는 OOTB 사전 채우기 서비스를 제공합니다. 더 복잡한 시나리오를 위해 사용자 정의 사전 채우기 서비스를 만들 수도 있습니다.

기록 문서(DoR): 기록 문서(DoR)는 양식을 통해 제출된 데이터의 인쇄 가능한 공식 형태입니다. 사용자가 입력한 정보의 영구 기록 역할을 하며, 제출된 데이터의 스냅샷을 사용자에게 친숙한 형식(일반적으로 PDF 문서)으로 제공합니다. 편집기를 사용하여 사용자 정의 템플릿을 쉽게 구성하거나 OOTB 템플릿을 사용하여 DoR을 생성할 수 있습니다.

양식 데이터 모델: 적응형 양식 데이터 모델(FDM)은 적응형 양식과 데이터 소스 간의 브리지 역할을 합니다. 기본적으로 양식이 수집하고 상호 작용하는 데이터의 구조와 구성을 정의합니다. 편집기를 사용하여 양식을 양식 데이터 모델(FDM)과 쉽게 연결할 수 있습니다.

양식 제출: 양식 제출은 사용자가 작성한 양식을 완료하고 전송하는 프로세스를 의미합니다. 양식 구성 내에 정의된 일련의 작업을 트리거하여, 궁극적으로 제출된 데이터의 저장 또는 처리로 이어집니다. 적응형 양식 편집기는 양식 제출 구성을 위한 다양한 옵션을 제공합니다. 일반적인 제출 작업으로는 다음이 있습니다.

• 이메일 보내기
• Power Automate 플로우 호출
• SharePoint에 제출
• Workfront Fusion 호출
• 양식 데이터 모델(FDM)을 사용하여 제출
• Azure Blob 스토리지에 제출
• REST 엔드포인트에 제출
• OneDrive에 제출
• AEM Workflow 호출

Sites 페이지 편집기의 적응형 양식 핵심 구성 요소: AEM 페이지 편집기 및 AEM 경험 조각에서 적응형 양식 핵심 구성 요소를 활성화하고 사용하여 Sites 페이지 구축과 함께 데이터 캡처 환경을 직접 만들 수 있습니다.