검토 구성 요소
적응형 양식의 검토 구성 요소를 사용하면 사용자는 양식을 제출하기 전에 입력한 정보를 검토하고 확인할 수 있습니다. 이는 요약 페이지 역할을 하며, 모든 필드와 해당 값을 읽기 전용 형태로 구조화되고 사용자 친화적인 형식으로 제공합니다. 이 기능을 사용하면 사용자는 제출을 완료하기 전에 오류나 누락을 식별하고 수정할 수 있어 전반적인 양식 경험이 향상됩니다. 편집 아이콘을 클릭하면 양식을 제출하기 전에 입력한 정보를 수정할 수 있습니다.
예
사용
적응형 양식에서 검토 구성 요소를 사용하는 이유는 다음과 같습니다.
- 향상된 데이터 정확성: 검토 구성 요소를 사용하면 사용자는 제출하기 전에 입력한 모든 데이터를 검토할 수 있습니다. 이를 통해 오류나 누락의 가능성을 줄이고 제출된 데이터가 정확한지 확인할 수 있습니다.
- 향상된 사용자 경험: 사용자가 입력한 모든 정보를 명확하고 체계적으로 요약하여 보여 주므로, 최종 제출 전에 양식이 완전하고 정확하다는 확신을 가질 수 있어 전반적인 사용 경험이 향상됩니다.
- 오류 감지 및 수정: 패널이나 필드 수준에서 정보를 편집할 수 있는 기능을 제공하므로, 사용자는 여러 탭을 다시 탐색하지 않고도 실수를 수정할 수 있습니다. 패널이나 필드 옆에 있는 편집 아이콘을 클릭하면 쉽게 돌아가서 문제를 해결할 수 있습니다.
- 향상된 사용자 신뢰도: 사용자는 입력한 데이터를 검토하여 제출하는 정보가 정확한지 확인할 수 있으며, 이를 통해 제출 오류가 줄어들고 양식 기능에 대한 신뢰도가 높아집니다.
- 의도치 않은 제출 방지: 사용자는 모든 세부 정보를 검토하지 않고 제출 을 클릭하는 경우가 많습니다. 검토 구성 요소는 제출자에게 데이터를 확인할 수 있는 마지막 기회를 제공하여 의도치 않은 제출 가능성을 줄여 줍니다.
기술 세부 정보 technical-details
적응형 양식 검토 핵심 구성 요소에 대한 최신 정보는 GitHub의 기술 설명서에서 확인할 수 있습니다. 핵심 구성 요소 개발에 대한 자세한 내용은 핵심 구성 요소 개발자 설명서를 확인하십시오.
구성 대화 상자 configure-dialog
구성 대화 상자를 통해 방문자 환경을 쉽게 맞춤 설정하여 원활한 사용자 환경을 제공할 수 있습니다.
-
이름 - 양식과 규칙 편집기 모두에서 고유한 이름으로 양식 구성 요소를 쉽게 식별할 수 있습니다. 단, 이름에는 공백이나 특수 문자가 포함되어서는 안 됩니다.
-
제목 - 제목을 사용하면 양식에서 구성 요소를 쉽게 식별할 수 있으며, 기본적으로 제목은 구성 요소 상단에 나타납니다. 제목을 추가하지 않으면 제목 텍스트 대신 구성 요소의 이름이 표시됩니다.
-
제목 숨기기 - 구성 요소의 제목을 숨기려면 이 옵션을 선택합니다.
-
편집 모드 액션 활성화 - 편집 모드 액션 활성화 옵션을 사용하면 사용자가 입력한 정보를 수정할 수 있습니다. 사용자는 필드 수준이나 패널 수준에서 정보를 편집할 수 있습니다.
- 사용자가 필드 옵션을 선택하면 검토 중에 개별 양식 필드를 편집할 수 있습니다.
- 사용자가 패널 옵션을 선택하면 특정 섹션(패널) 내의 모든 필드를 편집할 수 있습니다.
- 사용자가 필드 및 패널 옵션을 선택하면 필드 옆에 있는 편집 아이콘을 클릭하여 특정 정보를 수정하거나 패널 옆에 있는 편집 아이콘을 클릭하여 해당 패널 내의 모든 필드를 편집할 수 있습니다.
- 사용자가 없음 옵션을 선택하면 전체 양식 내의 모든 필드나 패널을 편집할 수 있습니다.
기본적으로 패널 옵션이 선택되어 있습니다.
-
패널 연결 - 패널 연결 옵션을 사용하면 사용자가 검토할 패널을 선택할 수 있습니다. 패널이 연결되면 사용자는 선택한 패널의 입력된 정보를 검토하고 제출 전에 수정할 수 있습니다.
사용 사례
4개의 탭으로 구성된 대출 신청서 로 예를 들어보겠습니다. 각 탭은 사용자에 대한 구체적인 정보를 수집합니다.
-
개인 정보: 이름, 생년월일, 연락처 정보 및 주소 등 사용자의 기본적인 개인 정보를 수집합니다.
-
대출 세부 정보: 대출 유형, 희망 금액 및 상환 기간과, 이자율 및 월별 EMI와 같이 자동으로 계산되는 필드를 포함하여 대출과 관련된 정보를 수집합니다.
-
추가 서류: 사용자는 신분증, 주소 증빙서류, 소득 증빙서류 등 필요한 서류를 업로드할 수 있습니다. 여기에는 약관에 동의함을 확인하는 선언 확인란도 포함되어 있습니다.
-
검토 및 제출 양식: 이전 탭의 모든 입력 내용을 요약하는 검토 구성 요소가 포함되어 있습니다. 사용자는 양식을 제출하기 전에 자신의 데이터를 확인하고 편집할 수 있습니다. 이 탭에는 신청서를 제출하는 제출 버튼도 포함되어 있습니다.
아래 비디오는 사용자가 정보를 유연하게 편집할 수 있도록 검토 구성 요소를 구성하는 방법을 보여 줍니다.
관련 문서 related-articles
추가 참조 see-also
- AEM 적응형 양식 만들기
- AEM 적응형 양식을 AEM Sites 페이지에 추가
- AEM 적응형 양식에 테마 적용
- AEM 적응형 양식에 구성 요소 추가
- AEM 적응형 양식에서 reCAPTCHA 사용
- AEM 적응형 양식의 PDF 버전(DoR) 생성
- AEM 적응형 양식 번역
- 적응형 양식에 대해 Adobe Analytics를 활성화하여 양식 사용 추적
- Microsoft SharePoint에 적응형 양식 연결
- Microsoft Power Automate에 적응형 양식 연결
- Microsoft OneDrive에 적응형 양식 연결
- Microsoft Azure Blob Storage에 적응형 양식 연결
- Salesforce에 적응형 양식 연결
- AEM 적응형 양식에서 Adobe Sign 사용
- 적응형 양식에 대해 새 로케일 추가
- 적응형 양식 데이터를 데이터베이스로 보내기
- 적응형 양식 데이터를 REST 엔드포인트로 보내기
- 적응형 양식 데이터를 AEM 워크플로로 보내기
- 양식 포털을 사용하여 AEM 웹 사이트에 AEM 적응형 양식 나열