UI 상호작용

  • 릴리스 버전: Australia
  • 업데이트 날짜 2026년 03월 12일
  • 소요 시간: 3분

    • 의 UI 빌더이벤트에서 직접 UI 상호작용을 트리거하면 이벤트 기반 동작을 재사용 가능한 상호작용 논리에 연결할 수 있습니다.

    UI 상호작용은 UI 요소와 논리를 단일 단위로 결합하는 재사용 가능한 플로우로, 의 UI 빌더구성요소 이벤트에서 트리거할 수 있습니다. 여러 페이지에서 동일한 배선을 반복하는 것을 방지하고 디자인을 더 쉽게 유지 관리할 수 있도록 도와줍니다.

    UI 상호작용을 사용하는 이유

    • 중복 감소: 모든 구성요소에 대해 별도의 작업을 생성하는 대신 플로우를 한 번 정의한 후 재사용합니다.
    • 일관성 개선: 상호작용은 여러 페이지 또는 경험에 동일한 동작을 적용합니다.
    • 유지관리 간소화: 상호작용에 대한 변경 내용은 사용되는 모든 위치에 자동으로 적용됩니다.
    주:
    장기 실행 프로세스가 있는 기록 기반의 순차적 UI의 경우 을 사용하는 플레이북것이 좋습니다.

    UI 상호작용의 실제 사용

    • 사용자가 버튼을 선택하면 확인 대화 상자가 트리거됩니다.
    • 기록이 저장된 후 경보 메시지 표시
    • 확인에 실패하면 모달 내에 양식 뷰 표시
    • 데이터 업데이트 및 성공 메시지 표시와 같은 여러 단계를 함께 연결

    UI 상호작용 접근

    • 내부 UI 빌더에서 기존 UI 상호작용 목록을 보려면 UI 빌더 홈페이지에서 UI 상호작용 탭을 선택합니다.
    • 내에서 UI 상호작용을 작성하려면 다음을 선택합니다.UI 빌더 작성 > UI 상호작용 UI 빌더 홈페이지에서
    • 플랫폼에서 기존 UI 상호작용 목록을 보려면 다음으로 이동하십시오. 모두 > Now Experience 프레임워크 > UI 상호작용 > 모두. UI 빌더 UI 상호작용 목록이 표시된 상태로 홈페이지가 열립니다.
    • 플랫폼에서 UI 상호작용을 생성하려면 다음으로 이동하십시오. 모두 > Now Experience 프레임워크 > UI 상호작용 > 새로 생성. 상호작용 이름, 유형 및 설명을 정의하는 생성 모달이 열립니다 UI 빌더 .

    UI 상호작용 워크플로우

    UI 상호작용은 재사용 가능한 사용자 및 시스템 작업 플로우를 정의합니다. 개략적으로 모든 상호작용은 다음과 같이 작동합니다.
    1. 입력: UI 상호 작용을 실행하는 데 필요한 구성 가능한 데이터 조각입니다. 지원되는 유형으로는 문자열, 예/아니오, 선택, 참조 및 JSON이 있습니다. 입력은 미리 정의하거나 단계 속성에서 승격할 수 있습니다.
    2. 트리거: 구성요소, 선언적 작업 또는 이벤트가 상호작용을 시작하고 입력을 전달합니다.
    3. 시작: 하나 이상의 시작 노드가 실행이 시작되는 위치를 결정합니다.
    4. 단계: 상호작용은 해당 단계를 순차적으로 실행하며, 선택적으로 이벤트 또는 병렬 및 경로로 분기됩니다.
    5. 종료: 실행이 종료 노드에 도달하여 플로우가 완료됩니다.
    그림 1. UI 상호작용 워크플로우 예시
    UI 상호작용 워크플로우.

    UI 상호작용과 선언적 동작의 차이점

    선언적 동작은 동작이 나타나는 위치와 시기를 결정하며, 가장 일반적으로 양식이나 목록에 표시됩니다. UI 상호 작용은 발생하는 일을 캡슐화하며 페이지 이벤트 또는 선언적 작업에 의해 트리거될 수 있습니다. 주요 차이점은 다음과 같습니다.
    • 선언적 작업은 페이지를 수정할 필요 없이 목록과 양식에 단추를 배치합니다.
    • UI 상호작용은 트리거될 때 UI, 논리 및 스크립트의 엔드 투 엔드 동작을 정의합니다.
    • 선언적 작업은 UI 상호작용을 트리거할 수 있습니다.
    • 선언적 작업은 모달과 같은 UI를 트리거할 때에도 페이지 소유권이나 수정 없이 작동하므로 UXF 클라이언트 작업 대신 UI 상호 작용으로 구현할 수 있습니다.

    UI 상호작용에 대한 트리거

    사용 사례에 따라 여러 엔트리포인트에서 UI 상호작용을 실행할 수 있습니다.
    • 선언적 작업: 페이지 커스터마이제이션 없이 양식이나 목록에 버튼이 필요한 경우에 이상적입니다.
    • UI 빌더 페이지 이벤트: 페이지 내의 버튼, 구성요소 이벤트 또는 사용자 지정 UI 동작에서 상호작용을 트리거합니다.

    UI 상호작용 유형

    상호작용을 생성할 때 작동하는 컨텍스트를 결정하는 유형을 선택합니다.
    • 일반: 모든 구성요소와 함께 작동
    • 양식: 저장, 확인, 스크립팅과 같은 양식별 동작을 위해 설계됨
    • 목록: 목록 새로 고침 및 스크립팅과 같은 목록 기반 작업에 맞게 조정됨

    UI 상호작용 도구 상자

    이 도구 상자는 다음을 포함하여 UI 상호작용 편집기 내에서 사용할 수 있는 모든 구성 요소를 제공합니다.
    • 모달, 모덜리스 대화 상자 및 동적 양식과 같은 UI 요소
    • 구성요소 빌더를 사용하는 사용자 지정 구성요소
    • 조건, if/else 분기 및 탐색과 같은 논리 단계
    • 양식 또는 목록 작업(해당 상호작용 유형에 사용 가능한 경우)
    • 클라이언트 및 서버 스크립트 단계
    • 데이터 바인딩 입력 및 구성 가능한 속성
    주:
    도구 상자 구성요소는 양식, 목록 또는 일반과 같은 상호작용 유형에 따라 다릅니다.
    그림 2. UI 상호작용 도구 상자 예시
    UI 상호작용 도구 상자.