---
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


---

# 페이지에 엔터티 뷰 작업 매퍼 데이터 자원 추가

# 페이지에 엔터티 뷰 작업 매퍼 데이터 자원 추가 {#ariaid-title1}

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

구성요소의 데이터 소스가 카드와 목록에 표시되는 방식을 표준화할 수 있도록 페이지에 UI 빌더 EVAM(Entity View Action Mapper) 데이터 자원을 추가합니다.

## 시작하기 전에

필요한 역할: ui_builder_admin

## 프로시저

1. 다음으로 이동 모두Now Experience 프레임워크UI 빌더.
2. 선택하여 작업할 경험을 열거나 경험을 생성합니다. 작성경험.  
   경험 생성에 대한 자세한 내용은 다음을 참조하십시오 [UI 빌더에서 사용자가 애플리케이션과 상호 작용하는 방법 구성](https://servicenow-prod.fluidtopics.net/wmSXv2G8HVoRum7Zuh3W9w "에서 경험이 UI 빌더무엇인지 알아봅니다. 경험에 포함된 내용을 이해합니다.") .
3. 페이지를 열거나 생성합니다.  
   자세한 내용은 [페이지 및 페이지 변형 관리 UI 빌더](https://servicenow-prod.fluidtopics.net/zIp3eqVhhBAhq5PargLw8g "페이지가 UI 빌더무엇인지 알아봅니다. 열 레이아웃 및 구성요소와 같은 페이지의 UI 빌더 구성 요소를 이해합니다.") 문서를 참조하십시오.
4. **옵션:** 페이지에 구성요소가 없는 경우 페이지에 데이터 세트 구성요소를 추가합니다.  
   자세한 내용은 [구성요소 추가 및 구성](https://servicenow-prod.fluidtopics.net/qmxQoGzAEcZmJDRXYpo1aw#add-components "에서 페이지에 UI 빌더구성요소를 추가하는 방법에 대해 알아봅니다. 구성요소를 추가하여 페이지가 빌드됩니다.") 문서를 참조하십시오.
5. 데이터 및 스크립트 패널에서 + 아이콘을 선택한 다음 데이터 자원을 선택합니다.  
6. 검색 필드에 <kbd class="ph userinput">evam</kbd> 을 입력합니다.
7. 추가할 EVAM 데이터 자원을 선택하고 페이지의 모든 EVAM 데이터 자원에 대해 이 단계를 반복합니다.  
8. 각 EVAM 데이터 자원을 구성합니다.  
   {#evam-working__table_dz2_1g4_d4b__entry__2}

   | EVAM 데이터 소스 | 설명 |
   |-|-|
   | EVAM 데이터 자원 | EVAM 정의 및 데이터 소스에 대한 기타 정보를 추가합니다. * 유형: 복합. * 평가 시기: 이 데이터 자원을 평가할 시기 목록에서 즉시 을 선택하여 페이지 로드 시 EVAM 데이터 자원 인스턴스를 평가하거나 이벤트 핸들러를 사용하여 EVAM 데이터 자원을 평가하려면 호출 할 때만 을 선택합니다. * EVAM 정의: EVAM 정의 필드에 데이터 자원과 연관된 EVAM 정의 기록을 추가하십시오. * 페이지 커서: 페이지 커서 필드에서 EVAM 정의에 대한 페이지 커서를 추가합니다. * 페이지 크기: 페이지 크기 필드에서 EVAM 페이지 매김 크기를 추가합니다. * 페이지 번호: 페이지 번호 필드에 EVAM 페이지 매김에 대한 페이지 번호를 추가합니다. * EVAM 필터 기본 설정: EVAM 필터 기본 설정 필드에 EVAM 데이터 필터에 대한 sys_ids을 추가합니다. {#evam-working__ul_xb4_dg4_d4b} 해당 데이터 가져오기가 시작, 성공 또는 실패한 경우에 대한 이벤트 핸들러를 추가하려면 이벤트를 선택합니다. 구성 창 옆에 있는 [Now 코드 편집기](https://servicenow-prod.fluidtopics.net/n9UkHaM8My2Hv3gyqpYW0w#gloss-now-code-editor-ui-builder "CSS, HTML, JavaScript, XML 및 JSON을 지원하는 서식 있는 텍스트 편집기입니다. Now 코드 편집기를 사용하여 넥스트 경험 UI 빌더 구성요소에서 UI 구성, 데이터 자원 구성, 스타일, 이벤트, 클라이언트 측 스크립트 및 서버 측 스크립트를 변경합니다.") 섹션에서 EVAM 정의 스크립트를 미리 봅니다. 그림 1. EVAM 데이터 자원 구성 |
   | EVAM 데이터 가져오기 | EVAM 정의 및 데이터 소스에 대한 기타 정보를 추가하려면 구성을 선택합니다. * 유형: GRAPHQL. * 평가 시기: 페이지 로드 시 EVAM 데이터 자원 인스턴스를 평가하려면 즉시 을 선택합니다. 이벤트 핸들러를 사용하여 EVAM 데이터 자원을 평가하려면 호출 시에만을 선택합니다. * EVAM 정의: EVAM 정의 필드에 데이터 자원과 연관된 EVAM 정의 기록을 추가하십시오. * 페이지 커서: 페이지 커서 필드에서 EVAM 정의에 대한 페이지 커서를 추가합니다. * 페이지 크기: 페이지 크기 필드에서 EVAM 페이지 매김 크기를 추가합니다. * 페이지 번호: 페이지 번호 필드에 EVAM 페이지 매김에 대한 페이지 번호를 추가합니다. * EVAM 필터 기본 설정: EVAM 필터 기본 설정 필드에 EVAM 데이터 필터에 대한 sys_ids을 추가합니다. {#evam-working__ul_g1v_h34_d4b} 해당 데이터 가져오기가 시작, 성공 또는 실패한 경우에 대한 이벤트 핸들러를 추가하려면 이벤트를 선택합니다. 구성 창 오른쪽에 있는 Now 코드 편집기 에서 EVAM 정의 스크립트를 미리 봅니다. |
   | EVAM 메타데이터 가져오기 | EVAM 데이터 자원을 평가하고 EVAM 정의를 추가할 시기를 선택하려면 구성을 선택합니다. * 유형: GRAPHQL. * 평가 시기: 페이지 로드 시 EVAM 데이터 자원 인스턴스를 평가하려면 즉시 을 선택합니다. 이벤트 핸들러를 사용하여 EVAM 데이터 자원을 평가하려면 호출 시에만을 선택합니다. * EVAM 정의: EVAM 정의 필드에 데이터 자원과 연관된 EVAM 정의 기록을 추가하십시오. {#evam-working__ul_tr3_1k4_d4b} 해당 데이터 가져오기가 시작, 성공 또는 실패한 경우에 대한 이벤트 핸들러를 추가하려면 이벤트를 선택합니다. 구성 창 오른쪽에 있는 Now 코드 편집기 에서 EVAM 정의 스크립트를 미리 봅니다. |
   | Search EVAM 데이터 자원 | EVAM 정의 및 데이터 소스에 대한 기타 정보를 추가하려면 구성을 선택합니다. * 유형: 복합. * 평가 시기: 페이지 로드 시 EVAM 데이터 자원 인스턴스를 평가하려면 즉시 을 선택합니다. 이벤트 핸들러를 사용하여 EVAM 데이터 자원을 평가하려면 호출 시에만을 선택합니다. * EVAM 구성 ID: EVAM 구성 ID 필드에 데이터 기록과 연결된 EVAM 구성 ID 를 추가합니다. * 검색 컨텍스트 구성 ID: 검색 컨텍스트 구성 ID 필드에 검색 중인 검색 컨텍스트 구성 ID를 추가합니다. * 검색어: 검색어 필드에 검색하려는 검색어를 추가합니다. * 패싯 필터: 패싯 필터 필드에 검색을 정의하는 데 도움이 되는 패싯 필터를 추가합니다. * 검색 필터: 검색 필터 필드에 검색을 정의하는 데 도움이 되는 검색 필터를 추가합니다. * 맞춤법 검사 사용 안 함: 사용 안 함 맞춤법 검사 필드에서, 검색 중에 맞춤법 검사를 켜거나 끌지 여부를 선택합니다. * 페이지 매김 토큰: 필요한 경우 페이지 매김 토큰 필드에 페이지 매김 토큰을 추가합니다. {#evam-working__ul_vyn_m34_d4b} 해당 데이터 가져오기가 시작, 성공 또는 실패한 경우에 대한 이벤트 핸들러를 추가하려면 이벤트를 선택합니다. 구성 창 오른쪽에 있는 Now 코드 편집기 에서 EVAM 정의 스크립트를 미리 봅니다. |
   [표 1. EVAM 데이터 소스]

   {#evam-working__table_dz2_1g4_d4b}
9. 데이터 세트 구성요소를 구성합니다.  
   * EVAM 데이터 자원을 구성요소에 바인딩합니다.
   * 그리드/목록 표시 토글을 켜짐으로 설정하여 사용자가 페이지에서 EVAM 정보의 그리드 뷰 또는 목록 뷰 중에서 선택할 수 있도록 합니다.
   * 페이지의 카드에 대한 다른 구성 설정을 지정합니다.
   {#evam-working__ul_zbx_2p4_d4b}
10. 저장을 선택합니다.
11. 미리 보기 버튼을 선택하여 페이지를 보고 테스트합니다.  
    그림 2. EVAM 의 완료 상태