UI 빌더 용어집

  • 릴리스 버전: Xanadu
  • 업데이트 날짜 2024년 08월 01일
  • 읽기4분
  • (UIB)에서 UI 빌더 사용되는 용어 및 개념에 대해 알아봅니다.

    작업

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

    앱 셸

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

    제본

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

    클라이언트 스크립트

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

    클라이언트 상태 매개변수

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

    구성요소(UI 빌더)

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

    구성요소 ID

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

    구성요소 사전 설정

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

    구성요소 속성

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

    컨트롤러

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

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

    데이터 바인딩

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

    데이터 자원

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

    엔터티 뷰 작업 매퍼

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

    이벤트(UI 빌더)

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

    이벤트 핸들러

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

    이벤트 매핑

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

    Macroponent

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

    모달

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

    Now 코드 편집기

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

    페이지

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

    페이지 모음

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

    팝오버

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

    반복기

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

    UI 빌더(UIB)

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

    변형

    역할 또는 조건에 따라 접근 권한이 제어되는 UI 빌더 페이지의 버전입니다. 다양한 대상의 경험을 목표로 하는 페이지의 변형을 생성합니다. 예를 들어, 에이전트용 홈페이지와 관리자를 위한 변형을 같은 URL에 생성합니다. 또는 다른 조건에서 사용자에게 표시되는 페이지 변형을 만듭니다.