---
sourceDocument: 요코하마 직원 서비스 관리
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/yokohama/employee-service-management

 Release :

    - yokohama

ft:locale :

    - ko-KR

ft:publication_title :

    - 요코하마 직원 서비스 관리

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# 의무 검토 구성

# 플레이북에 대한 의무 검토 구성 {#ariaid-title1}

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

뷰포트 구성요소를 사용하여 플레이북의 의무 검토 콘텐츠를 동적으로 로드하는 페이지를 UI 빌더 생성합니다.

## 시작하기 전에

필요한 역할: admin

## 프로시저

1. 다음으로 이동 모두Now Experience 프레임워크UI 빌더.
2. 경험 탭을 선택합니다.
3. 작업 공간을 엽니다.
4. + 아이콘을 선택하여 새 페이지를 만듭니다.  
   그림 1. 페이지 및 변형 생성
5. 대신 처음부터 새로 생성을 선택하십시오.
6. 양식의 이름 필드에 <kbd class="ph userinput">검토 의무 목록을</kbd> 입력합니다.  
   URL 경로가 <kbd class="ph userinput">review-obligation-list</kbd>로 자동 업데이트됩니다.
7. 좋아 보기를 선택합니다.
8. 나머지 단계를 완료하여 페이지를 만듭니다.  
   자세한 내용은 [Create a page in UI Builder](https://www.servicenow.com/docs/access?context=create-page&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US) 문서를 참조하십시오.
9. 페이지에 대한 뷰포트 구성요소를 추가합니다.  
   뷰포트 추가에 대한 자세한 내용은 다음 문서를 참조하십시오 [Add a viewport component to your page](https://www.servicenow.com/docs/access?context=work-with-viewport-components&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US).
   1. 구성 패널에서 + 추가 를 선택하여 계약 관리 내 Now Assist 페이지 컬렉션을 첨부합니다.
   2. 추가 된 URL 매개변수를 사용하여 기본 구성 적용을 선택한 다음, 완료를 선택합니다.
   {#cmpro-add-obligation-playbook__substeps_ixj_pwy_khc}
10. 페이지에 대한 클라이언트 스크립트를 생성합니다.  
    클라이언트 스크립트 추가에 대한 자세한 내용은 다음 문서를 참조하십시오 [Define and bind client scripts to components](https://www.servicenow.com/docs/access?context=define-client-scripts&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US).
    1. 클라이언트 스크립트 옆에 있는 +를 선택합니다.
    2. 스크립트 이름을 지정합니다.  
       설명적인 이름은 스크립트가 수행하는 작업을 파악하는 데 도움이 됩니다. 또한 나중에 이벤트 핸들러에 스크립트를 추가할 때 스크립트를 더 쉽게 찾을 수 있습니다.
    3. 다음 스크립트를 추가합니다.  

           function handler({api, event, helpers, imports}) {

           api.emit("MACROPONENT_VIEWPORT_LOAD_REQUESTED", {

           viewportElementId: 'viewport_1',

           route: 'review-obligations',

           fields: {

           'cntrSysId': api.context.props.sysId,

           'diTaskSysId': api.context.props.diTaskSysId

           },

           params: {}

           });

           }

    4. 적용을 선택합니다.
    {#cmpro-add-obligation-playbook__substeps_ozm_5xy_khc}
11. 본문 구성요소를 선택한 다음 페이지 구성 아래에서 이벤트 탭을 선택합니다.  
    그림 2. 페이지의 이벤트 탭
    1. 페이지 준비됨 섹션에서 처리기 추가를 선택합니다.
    2. 10단계에서 만든 클라이언트 스크립트를 선택합니다.
    3. 계속을 선택합니다.

    {#cmpro-add-obligation-playbook__substeps_mtt_fmm_lhc}  
    클라이언트 스크립트는 페이지 준비 이벤트에 바인딩됩니다. 페이지가 로드되면 이 이벤트 핸들러가 자동으로 클라이언트 스크립트를 실행합니다.
12. **옵션:** 데이터 자원에서 양식 컨트롤러 를 사용할 수 있는 경우 제거합니다.
13. 설정의 일반 탭으로 이동하여 필수 매개변수에서 , sysId, 및 diTaskSysId 사용할 수 있는지 확인합니다table.  
    매개변수를 사용할 수 없는 경우 수동으로 추가합니다. 페이지 설정 수정에 대한 자세한 내용은 다음 문서를 참조하십시오 [Edit page variant settings](https://www.servicenow.com/docs/access?context=edit-variant-settings&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US).