UI 빌더 용어집

  • 릴리스 버전: Zurich
  • 업데이트 날짜 2025년 07월 31일
  • 소요 시간: 4분
  • (UIB)에 UI 빌더 사용된 용어와 개념에 대해 알아봅니다.

    작업

    UI 빌더의 작업은 특히 페이지 또는 페이지 구성요소 내에서의 활동입니다. 이벤트와 이벤트 핸들러는 작업을 추가하는 데 사용됩니다. 예를 들어 페이지에 버튼 구성요소를 추가한 다음 이벤트 핸들러를 추가하여 웹 페이지 열기와 같은 버튼에 대한 작업을 적용합니다.

    앱 셸

    앱 셸은 최종 사용자가 경험 전체를 탐색할 때 유지되는 웹 경험의 정적 요소(예: 머리글, 바닥글 및 메뉴 탐색)입니다. 앱 셸은 주로 작업 공간 및 포털 환경에서 사용되고 지원됩니다.

    바인딩

    데이터 바인딩을 참조하십시오.

    클라이언트 스크립트

    페이지의 구성요소 및 클라이언트 상태 매개변수와 상호 작용하는 클라이언트 측 JavaScript 클라이언트 스크립트는 UI 빌더에서 이벤트 핸들러로 이벤트에 매핑됩니다.

    클라이언트 상태 매개변수

    해당 페이지에 대한 데이터(클라이언트 상태)만 저장하기 위해 페이지에 대해 정의된 페이지 변수입니다. 예를 들어, 기록을 생성하는 데 필요한 입력을 저장하고 목록을 새로 고칠 시기를 지정하는 세 가지 클라이언트 상태 매개변수를 생성합니다. 클라이언트 스크립트와 이벤트를 통해 페이지 변수를 업데이트하면 페이지를 동적으로 만들 수 있습니다.

    구성요소(UI 빌더)

    구성요소는 UI 빌더에서 페이지를 빌드하는 데 사용됩니다. 구성요소에는 최종 사용자가 보고 상호작용할 수 있는 인터페이스가 있습니다. 구성요소는 이벤트 및 속성을 통해 서로 통신할 수 있습니다. 일반적으로 사용되는 구성 요소에는 제목, 이미지, 목록, 양식 및 버튼이 있습니다.

    구성요소 ID

    스크립트를 추가하거나 데이터를 구성요소에 바인딩할 때 구성요소를 참조하는 데 사용됩니다. 페이지에 구성요소를 추가하면 구성요소 ID가 자동으로 생성되지만(구성요소 레이블을 기준으로 구성요소 ID) 구성요소 ID는 편집할 수 있습니다.

    구성요소 사전 설정

    사전 설정은 사전 정의된 구성 값과 이벤트 매핑을 구성요소에 적용합니다. 사전 설정은 미리 빌드된 구성을 구성요소 속성 및 이벤트 핸들러에 적용합니다. 사전 설정은 특정 구성요소에만 사용할 수 있습니다.

    구성요소 속성

    구성 패널에서 사용할 수 있으며 구성요소를 구성하는 데 사용됩니다. 각 구성요소에는 고유한 속성이 있습니다. 구성요소 속성은 구성 패널의 각 탭(구성, 스타일 및 이벤트) 내에서 지정됩니다. 일부 구성요소에는 사용 가능한 사전 설정이 있습니다. 구성요소 사전 설정을 사용하여 구성요소 속성을 자동으로 설정합니다.

    컨트롤러

    데이터 및 이벤트 논리를 포함하고 구성요소 사전 설정을 활성화하는 데이터 자원 유형입니다. 컨트롤러는 페이지 템플릿을 사용할 때 자동으로 추가됩니다. 컨트롤러에는 두 가지 유형이 있습니다.

    • 데이터 컨트롤러에는 데이터 자원이 포함되어 있으며 페이지에 수동으로 추가할 수 있습니다.
    • UI 컨트롤러는 페이지 템플릿을 사용할 때 페이지에 추가되며 수동으로 추가할 수 없습니다. 컨트롤러 생성은 현재 지원되지 않습니다.

    데이터 바인딩

    정보를 표시하는 UI 요소와 데이터를 연결하는 프로세스입니다.

    데이터 자원

    페이지의 구성요소에 대해 가져올 데이터를 정의하는 동적이고 재사용 가능한 방법입니다.

    엔터티 뷰 작업 매퍼

    EVAM이라고도 합니다. 카드와 목록에 데이터를 표시하는 형식을 표준화합니다.

    이벤트(UI 빌더)

    사용자가 수행하는 작업(예: 버튼 선택) 또는 페이지에서 발생하는 항목입니다. 대부분의 UI 빌더 구성요소, 페이지 및 데이터 자원에는 기본 연결 이벤트가 있습니다. 이벤트와 함께 이벤트 핸들러를 사용하여 페이지에 추가 작업을 추가합니다.

    이벤트 핸들러

    이벤트가 발생할 때 수행되는 작업입니다.

    이벤트 매핑

    이벤트가 발생할 때 실행할 이벤트 핸들러를 식별하는 프로세스입니다.

    macroponent

    UI 빌더 페이지를 구동하는 핵심 데이터 구조입니다. 이 필드에는 페이지를 빌드하는 JSON 데이터가 포함되어 있습니다.

    모달

    다른 콘텐츠 창을 오버레이하고 사용자 경험을 제어하는 사용자 경험 창입니다.

    Now 코드 편집기

    CSS, HTML, JavaScript, XML 및 JSON을 지원하는 서식 있는 텍스트 편집기입니다. Now 코드 편집기를 사용하여 넥스트 경험 UI 빌더 구성요소에서 UI 구성, 데이터 자원 구성, 스타일, 이벤트, 클라이언트 측 스크립트 및 서버 측 스크립트를 변경합니다.

    페이지

    열 레이아웃, 열 및 구성요소의 컬렉션입니다. 작업 공간 및 포털 환경을 위해 여러 UI 빌더 페이지를 만들거나 사용자 지정합니다.

    페이지 모음

    탭 또는 모달 내의 경험에서 재사용할 수 있는 페이지 그룹입니다.

    팝오버

    사용자가 페이지의 나머지 부분을 계속 사용할 수 있도록 하는 페이지 오버레이입니다. 팝오버는 텍스트, 구성요소, 이미지, 필드 및 메뉴 항목이 있는 UI 빌더 페이지와 마찬가지로 구성할 수 있습니다.

    반복기

    UI 빌더에서 반복자는 여러 구성요소에서 제공하는 데이터를 반복하는 기본 루프 역할을 하는 구성요소입니다. 반복자는 배열 또는 객체 배열을 사용합니다. 반복자는 값을 데이터 배열 속성에 바인딩합니다. 예를 들어, [{"task": "A"},{"task": "B"}]는 그 안의 콘텐츠를 두 번 반복합니다.

    UI 빌더(UIB)

    WYSIWYG 웹 사용자 인터페이스 작성기입니다. UI 빌더를 사용하면 개발자가 Now Experience UI 프레임워크 구성요소를 사용하여 에이전트 작업 공간 및 포털에 대해 새 페이지를 빌드하거나 기존 페이지를 사용자 지정할 수 있습니다.

    변형

    역할 또는 조건별로 액세스가 제어되는 UI 빌더 페이지의 버전입니다. 다양한 대상의 경험을 목표로 하는 페이지의 변형을 만듭니다. 예를 들어, 동일한 URL에 에이전트용 홈페이지와 관리자용 변형을 만듭니다. 또는 사용자가 다양한 조건에서 볼 수 있는 페이지 변형을 생성합니다.