---
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) 소요 시간: 1분

UI 빌더 페이지에서 팝오버를 사용하여 상황별 정보 또는 기능을 오버레이하여 사용자가 작업을 완료하는 데 도움을 줍니다.

팝오버는 페이지 위에 UI 빌더 나타나는 작은 창 또는 대화 상자이며 당면한 콘텐츠 또는 작업과 관련된 추가 정보, 옵션 또는 작업을 포함합니다. 페이지에 모달을 추가하는 것과 같은 방법으로 팝오버에 구성요소를 추가합니다.

추가 정보가 사용자에게 도움이 된다고 생각되는 페이지의 UI 빌더 어디에나 팝오버를 배치할 수 있습니다. 팝오버는 관련 콘텐츠에 대한 작은 정보 또는 링크를 제공하기 위한 것이므로 팝오버는 사용자가 상호작용할 때만 표시되므로 팝오버 내의 정보나 기능의 양을 제한해야 합니다.

버튼을 선택하거나 페이지의 일부를 가리킬 때 팝오버가 나타나도록 트리거하는 등 이벤트 매핑을 사용하여 팝오버를 표시하거나 숨길 수 있습니다. 자세한 내용은 [맵 이벤트 정의](https://servicenow-prod.fluidtopics.net/gltEe7HjxCA3r7Q99hG6wA "의 UI 빌더 이벤트 매핑은 이벤트 페이로드 또는 상황별 값을 해당 이벤트에 대해 작용하는 객체 또는 핸들러에 매핑할 수 있는 프로세스입니다. 네 가지 이벤트 유형은 구성요소, 페이지, 데이터 자원 및 선언적 작업입니다.") 문서를 참조하십시오.
그림 1. 정보 팝오버

## 페이지에 팝오버 UI 빌더 추가 {#ariaid-title2}

에서 팝오버 UI 빌더를 추가하는 방법에 대해 알아봅니다. 팝오버는 구성요소를 클릭할 때 페이지 위에 나타나는 컨테이너입니다. 예를 들어, 목록에서 사람의 이름을 선택할 때 팝오버에 연락처 정보가 표시될 수 있습니다.

### 시작하기 전에

필요한 역할: 관리자

### 프로시저

1. 다음으로 이동 모두Now Experience 프레임워크UI 빌더.
2. 선택하여 작업할 경험을 열거나 경험을 생성합니다. 작성경험.  
   경험 생성에 대한 자세한 내용은 다음을 참조하십시오 [UI 빌더에서 사용자가 애플리케이션과 상호 작용하는 방법 구성](https://servicenow-prod.fluidtopics.net/wmSXv2G8HVoRum7Zuh3W9w "에서 경험이 UI 빌더무엇인지 알아봅니다. 경험에 포함된 내용을 이해합니다.") .
3. 페이지 변형을 열거나 생성합니다.  
   에서 페이지를 UI 빌더생성하는 방법에 대한 자세한 내용은 [UI 빌더에서 페이지 만들기](https://servicenow-prod.fluidtopics.net/hdB5pxJ108nQsFmjCl3uYg "사용자를 위한 웹 환경을 구축할 수 있도록 포털, 작업 공간 또는 사용자 지정 애플리케이션에 대한 페이지를 생성합니다.UI 빌더")를 참조하십시오.
4. 버튼 구성요소와 같이 팝오버를 트리거할 구성요소를 페이지에 추가합니다.  
   자세한 내용은 [구성요소 추가 및 구성](https://servicenow-prod.fluidtopics.net/qmxQoGzAEcZmJDRXYpo1aw#add-components "에서 페이지에 UI 빌더구성요소를 추가하는 방법에 대해 알아봅니다. 구성요소를 추가하여 페이지가 빌드됩니다.") 문서를 참조하십시오.
5. 구성 패널에서 이벤트 탭을 선택합니다.
6. + 이벤트 핸들러 추가를 선택합니다.  
7. 팝오버 열기를 선택합니다.
8. 새 팝오버 만들기를 선택합니다.  
9. 추가를 선택합니다.  
   스테이지 위에 팝오버가 나타납니다.
10. + 아이콘을 선택하여 팝오버에 구성요소를 추가합니다.  
11. 팝오버 구성을 마치면 팝오버를 닫습니다.  
    컨텐츠 트리에서 생성한 팝오버가 페이지 구조의 본문 위에 위치합니다.
12. 저장을 클릭합니다.
13. 헤더에서 미리 보기를 선택합니다.UI 빌더
14. 버튼을 클릭하여 팝오버를 테스트합니다.