검토 구성 요소

적응형 양식의 검토 구성 요소를 사용하면 사용자는 양식을 제출하기 전에 입력한 정보를 검토하고 확인할 수 있습니다. 이는 요약 페이지 역할을 하며, 모든 필드와 해당 값을 읽기 전용 형태로 구조화되고 사용자 친화적인 형식으로 제공합니다. 이 기능을 사용하면 사용자는 제출을 완료하기 전에 오류나 누락을 식별하고 수정할 수 있어 전반적인 양식 경험이 향상됩니다. 편집 아이콘을 클릭하면 양식을 제출하기 전에 입력한 정보를 수정할 수 있습니다.

TIP
AEM용 Edge Delivery Services를 고려해 보셨습니까?
이 문서에 설명된 방법은 기존 프로젝트에도 계속 사용할 수 있습니다. 하지만 새로운 프로젝트의 경우 Adobe는 Edge Delivery Services를 활용할 것을 권장합니다.

검토 구성 요소 {align="center" width="50%,"}

사용

적응형 양식에서 검토 구성 요소를 사용하는 이유는 다음과 같습니다.

  • 향상된 데이터 정확성: 검토 구성 요소를 사용하면 사용자는 제출하기 전에 입력한 모든 데이터를 검토할 수 있습니다. 이를 통해 오류나 누락의 가능성을 줄이고 제출된 데이터가 정확한지 확인할 수 있습니다.
  • 향상된 사용자 경험: 사용자가 입력한 모든 정보를 명확하고 체계적으로 요약하여 보여 주므로, 최종 제출 전에 양식이 완전하고 정확하다는 확신을 가질 수 있어 전반적인 사용 경험이 향상됩니다.
  • 오류 감지 및 수정: 패널이나 필드 수준에서 정보를 편집할 수 있는 기능을 제공하므로, 사용자는 여러 탭을 다시 탐색하지 않고도 실수를 수정할 수 있습니다. 패널이나 필드 옆에 있는 편집 아이콘을 클릭하면 쉽게 돌아가서 문제를 해결할 수 있습니다.
  • 향상된 사용자 신뢰도: 사용자는 입력한 데이터를 검토하여 제출하는 정보가 정확한지 확인할 수 있으며, 이를 통해 제출 오류가 줄어들고 양식 기능에 대한 신뢰도가 높아집니다.
  • 의도치 않은 제출 방지: 사용자는 모든 세부 정보를 검토하지 않고 제출 ​을 클릭하는 경우가 많습니다. 검토 구성 요소는 제출자에게 데이터를 확인할 수 있는 마지막 기회를 제공하여 의도치 않은 제출 가능성을 줄여 줍니다.

기술 세부 정보 technical-details

적응형 양식 검토 핵심 구성 요소에 대한 최신 정보는 GitHub의 기술 설명서에서 확인할 수 있습니다. 핵심 구성 요소 개발에 대한 자세한 내용은 핵심 구성 요소 개발자 설명서를 확인하십시오.

구성 대화 상자 configure-dialog

구성 대화 상자를 통해 방문자 환경을 쉽게 맞춤 설정하여 원활한 사용자 환경을 제공할 수 있습니다.

구성 대화 상자

  • 이름 - 양식과 규칙 편집기 모두에서 고유한 이름으로 양식 구성 요소를 쉽게 식별할 수 있습니다. 단, 이름에는 공백이나 특수 문자가 포함되어서는 안 됩니다.

  • 제목 - 제목을 사용하면 양식에서 구성 요소를 쉽게 식별할 수 있으며, 기본적으로 제목은 구성 요소 상단에 나타납니다. 제목을 추가하지 않으면 제목 텍스트 대신 구성 요소의 이름이 표시됩니다.

  • 제목 숨기기 - 구성 요소의 제목을 숨기려면 이 옵션을 선택합니다.

  • 편집 모드 액션 활성화 - 편집 모드 액션 활성화 옵션을 사용하면 사용자가 입력한 정보를 수정할 수 있습니다. 사용자는 필드 수준이나 패널 수준에서 정보를 편집할 수 있습니다.

    • 사용자가 필드 옵션을 선택하면 검토 중에 개별 양식 필드를 편집할 수 있습니다.
    • 사용자가 패널 옵션을 선택하면 특정 섹션(패널) 내의 모든 필드를 편집할 수 있습니다.
    • 사용자가 필드 및 패널 옵션을 선택하면 필드 옆에 있는 편집 아이콘을 클릭하여 특정 정보를 수정하거나 패널 옆에 있는 편집 아이콘을 클릭하여 해당 패널 내의 모든 필드를 편집할 수 있습니다.
    • 사용자가 없음 옵션을 선택하면 전체 양식 내의 모든 필드나 패널을 편집할 수 있습니다.

    기본적으로 패널 옵션이 선택되어 있습니다.

  • 패널 연결 - 패널 연결 옵션을 사용하면 사용자가 검토할 패널을 선택할 수 있습니다. 패널이 연결되면 사용자는 선택한 패널의 입력된 정보를 검토하고 제출 전에 수정할 수 있습니다.

사용 사례

4개의 탭으로 구성된 대출 신청서 ​로 예를 들어보겠습니다. 각 탭은 사용자에 대한 구체적인 정보를 수집합니다.

  • 개인 정보: 이름, 생년월일, 연락처 정보 및 주소 등 사용자의 기본적인 개인 정보를 수집합니다.

  • 대출 세부 정보: 대출 유형, 희망 금액 및 상환 기간과, 이자율 및 월별 EMI와 같이 자동으로 계산되는 필드를 포함하여 대출과 관련된 정보를 수집합니다.

  • 추가 서류: 사용자는 신분증, 주소 증빙서류, 소득 증빙서류 등 필요한 서류를 업로드할 수 있습니다. 여기에는 약관에 동의함을 확인하는 선언 확인란도 포함되어 있습니다.

  • 검토 및 제출 양식: 이전 탭의 모든 입력 내용을 요약하는 검토 구성 요소가 포함되어 있습니다. 사용자는 양식을 제출하기 전에 자신의 데이터를 확인하고 편집할 수 있습니다. 이 탭에는 신청서를 제출하는 제출 버튼도 포함되어 있습니다.

아래 비디오는 사용자가 정보를 유연하게 편집할 수 있도록 검토 구성 요소를 구성하는 방법을 보여 줍니다.

추가 참조 see-also

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c