---
sourceDocument: Yokohama Mobile 구성 및 탐색
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - ko-KR

ft:publication_title :

    - Yokohama Mobile 구성 및 탐색

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - evelopment, Data and Analytics


---

# UI 빌더에서 Now Experience 프레임워크 페이지 생성

# UI 빌더에서 Now Experience 프레임워크 페이지 생성 {#ariaid-title1}

* 릴리스 버전: Yokohama
* 
* 업데이트 날짜 2025년 01월 30일
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 소요 시간: 2분

모바일 장치에서 을 플레이북 활용하는 데 사용되는 모바일 앱 브리지 모바일 웹 화면을 구성하려면 첫 번째 단계는 에서 Now Experience 프레임워크 페이지를 생성하는 것입니다.UI 빌더

## 시작하기 전에

필요한 역할: admin

## 이 태스크 정보

모바일 장치에서 활용할 플레이북 수 있는 모바일 웹 화면을 구성하려면 먼저 Now [UI Builder](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US) Experience 프레임워크 페이지를 생성해야 합니다. 페이지를 구성한 후에는 (MAB)에서 모바일 앱 작성기 웹 화면을 구성해야 합니다. 모바일 장치에서 플랫폼 기능을 활용하는 데 사용하는 모바일 앱 브리지 모바일 웹 화면 구성에 대한 자세한 내용은 다음 문서를 참조하십시오 [모바일 앱 브리지를 사용하여 모바일 웹 화면 구성](https://servicenow-prod.fluidtopics.net/r1auZ4GehAgd8Ioix8fPAA "포함된 웹 뷰 내에서 호스팅되는 Seismic 페이지, 클래식 웹 페이지 또는 서비스 포털 페이지를 사용하도록 모바일 모바일 앱 브리지 웹 화면을 구성합니다. 이 기능을 사용하면 앱에서 네이티브 모바일 기능에 ServiceNow 모바일 액세스할 수 있습니다.").

## 프로시저

1. 다음으로 이동 모두Now Experience 프레임워크UI 빌더.
2. UI 빌더 홈페이지에서 오른쪽 상단의 생성을 선택합니다.
3. 경험 생성 대화 상자를 완료하고 완료되면 생성을 선택합니다.  
   주:  
   앱 셸 UI 드롭다운 목록에서 UXR 기본 경험 셸을 선택합니다.
4. 경험 열기를 선택한 다음, 새 페이지 생성을 선택합니다.
5. 대신 처음부터 새로 생성을 선택하십시오.  
   에서 템플릿을 사용하여 작업하거나 페이지를 처음부터 UI 빌더새로 만드는 방법에 대한 자세한 내용은 다음 문서를 참조하십시오 .
6. 페이지 이름을 지정하고 계속을 선택합니다.
7. URL 매개변수를 검토하고 원하는 경우 좋아 보이는지 선택합니다.
8. 페이지 변형 이름 및 대상을 구성하거나 기본값을 수락하고 필요한 경우 조건을 추가한 다음 생성을 선택합니다.
9. 페이지에서 오른쪽 상단 모서리에 있는 편집기에서 열기 를 선택합니다.
10. 페이지 왼쪽에 있는 데이터 아이콘을 선택하여 데이터 자원 대화 상자를 시작한 다음 +추가를 선택합니다.
11. 데이터 자원 검색 대화 상자의 애플리케이션 열에서 @servicenow/now-mobile-app-bridge를 선택한 다음, 데이터 자원 열에서 모바일 앱을 선택합니다.  
12. 대화 상자의 오른쪽 아래 모서리에서 추가 를 선택하여 페이지에 데이터 자원을 모바일 앱 브리지 추가합니다.  
    주:  
    페이지 아래로 스크롤하여 추가 버튼이 표시되지 않으면 이를 확인합니다.
13. 이벤트 핸들러를 추가하여 API를 트리거 모바일 앱 브리지 하여 모바일 화면에서 네이티브 기능을 활성화합니다.  
    예를 들어, 모바일 장치의 버튼에 대해 이벤트를 트리거하려는 경우:
    1. 편집기 페이지 왼쪽에서 본문을 선택한 다음, 구성요소 추가를 선택합니다.

    2. 구성요소 탭을 선택한 다음 사용할 버튼 유형을 선택합니다.
    3. 페이지 본문에 방금 추가한 버튼 구성 요소를 선택하고, 오른쪽 대화 상자에서 이벤트 탭을 선택한 다음, 이벤트 처리기 추가를 선택합니다.

    4. 아래에서 이벤트 핸들러 선택... 대화 상자에서 모바일 앱 1의 이벤트 핸들러 중 하나를 선택한 다음 구성합니다.

       주:  
       화면 ID 필드에 유효한 모바일 화면의 <kbd class="ph userinput">sysid</kbd>를 입력해야 합니다.

    5. 이벤트 처리기 구성을 마쳤으면 대화 상자의 오른쪽 아래 모서리에 있는 추가 를 선택합니다.
    {#mob-playbk-create-playbk-pg__ol_j2q_bhb_txb}
14. Now Experience 프레임워크 편집기 페이지에서 오른쪽 상단 모서리에 있는 저장 을 선택하여 페이지를 저장합니다.  
    구성 플레이북방법에 대한 자세한 내용은 문서를 참조하십시오 .  
    주:  
    GlideListProperties API의 getTitle() 메서드는 (지진) 페이지를 구성 넥스트 경험 하는 데 모바일 앱 브리지 사용할 수 없습니다.

## 다음에 수행할 작업

Now Experience 프레임워크 페이지를 생성한 후에는 에서 모바일 웹 화면 MAB을 생성해야 합니다. 그런 다음 의 모바일 웹 화면 구성 MAB에 Now Experience 프레임워크 페이지 URL을 추가해야 합니다. 이 구성 완료에 대한 자세한 내용은 의 [모바일 앱 브리지를 사용하여 모바일 웹 화면 구성](https://servicenow-prod.fluidtopics.net/r1auZ4GehAgd8Ioix8fPAA "포함된 웹 뷰 내에서 호스팅되는 Seismic 페이지, 클래식 웹 페이지 또는 서비스 포털 페이지를 사용하도록 모바일 모바일 앱 브리지 웹 화면을 구성합니다. 이 기능을 사용하면 앱에서 네이티브 모바일 기능에 ServiceNow 모바일 액세스할 수 있습니다.")2단계를 참조하십시오.