---
sourceDocument: 호주 애플리케이션 빌드 또는 수정
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/application-development

 Release :

    - australia

ft:locale :

    - ko-KR

ft:publication_title :

    - 호주 애플리케이션 빌드 또는 수정

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# UI 빌더 용어집

# UI 빌더 용어집 {#ariaid-title1}

* 릴리스 버전: Australia
* 
* 업데이트 날짜 2026년 03월 12일
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 소요 시간: 4분

(UIB)에 UI 빌더 사용된 용어와 개념에 대해 알아봅니다.

## 작업 {#ariaid-title2}

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

## 앱 셸 {#ariaid-title3}

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

## 바인딩 {#ariaid-title4}

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

## 클라이언트 스크립트 {#ariaid-title5}

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

## 클라이언트 상태 매개변수 {#ariaid-title6}

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

## 구성요소(UI 빌더) {#ariaid-title7}

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

## 구성요소 ID {#ariaid-title8}

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

## 구성요소 사전 설정 {#ariaid-title9}

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

## 구성요소 속성 {#ariaid-title10}

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

## 컨트롤러 {#ariaid-title11}

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

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

## 데이터 바인딩 {#ariaid-title12}

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

## 데이터 자원 {#ariaid-title13}

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

## 엔터티 뷰 작업 매퍼 {#ariaid-title14}

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

## 이벤트(UI 빌더) {#ariaid-title15}

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

## 이벤트 핸들러 {#ariaid-title16}

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

## 이벤트 매핑 {#ariaid-title17}

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

## macroponent {#ariaid-title18}

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

## 모달 {#ariaid-title19}

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

## Now 코드 편집기 {#ariaid-title20}

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

## 페이지 {#ariaid-title21}

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

## 페이지 모음 {#ariaid-title22}

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

## 팝오버 {#ariaid-title23}

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

## 반복자 {#ariaid-title24}

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

## UI 빌더(UIB) {#ariaid-title25}

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

## 변형 {#ariaid-title26}

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