---
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 빌더 경험을 미리 보고 경험을 구축하는 동안 어떻게 보이고 작동하는지 확인합니다. 미리 보기를 통해 환경이 예상대로 작동하고, 데이터 자원을 사용할 수 있으며, 레이아웃이 올바르게 설정되었는지 확인할 수 있습니다.

## 페이지 테스트 {#preview-page-ui-builder__section_fxm_cl2_qyb}

개발자로서 페이지를 테스트하거나 최종 사용자에게 표시되는 대로 볼 수 있습니다. 미리 보기에서는 먼저 저장할 필요가 없습니다.  
주:  
비활성 변형 및 페이지 컬렉션(하위 페이지) 미리 보기는 현재 지원되지 않습니다.

페이지의 다양한 측면을 테스트할 수 있습니다.

* 오버레이를 여는 미리 보기 버튼을 선택하여 모달, 뷰포트, 동적 데이터 등 현재 작업 중인 변형을 테스트합니다.

* 테스트 값을 변경하고 적용을 선택하여 다른 데이터로 테스트합니다. 자세한 내용은 [페이지의 테스트 값](https://servicenow-prod.fluidtopics.net/25r95o94zuKQj39XGmsV1w "테스트 데이터를 페이지로 가져오는 방법으로 URL에 테스트 값을 추가합니다.") 문서를 참조하십시오.

* 양식 요소 아이콘을 선택하여 다양한 화면 너비에서 변형이 어떻게 보이는지 확인합니다. 예를 들어 태블릿 또는 모바일 크기에서 변형을 봅니다. 다양한 양식 요소에 맞게 페이지를 만드는 방법에 대한 자세한 내용은 다음 문서를 참조하십시오 [응답형 작성](https://servicenow-prod.fluidtopics.net/W3mlCMxc01TJCC9DPKVCHg "응답형 작성을 사용하여 데스크톱, 태블릿, 모바일 등 다양한 양식 요소(크기)에 맞게 원활하게 조정되는 페이지를 만듭니다 UI 빌더 .").

  ![양식 요소 아이콘을 가리키는 검은색 화살표가 있는 미리 보기 창.]()

{#preview-page-ui-builder__ul_a3c_qk2_qyb}  
주:  
미리 볼 때 테스트 값 또는 양식 요소를 편집하면 편집기에서 페이지 변형을 볼 때 새 테스트 값 또는 양식 요소가 유지됩니다. 예를 들어 미리 보는 동안 양식 요소를 모바일로 변경하면 페이지 변형이 편집기의 모바일 양식 요소에 표시됩니다. 양식 요소 아이콘을 선택하여 언제든지 다른 크기로 변경할 수 있습니다.

테스트를 마치면 오른쪽 상단의 X 를 선택하여 오버레이를 닫습니다.

## 최종 사용자로 페이지 테스트 {#preview-page-ui-builder__section_srj_kl2_qyb}

URL 경로를 열어 사용자에게 표시되는 변형을 테스트합니다. 미리 보기 버튼 옆의 화살표를 선택하고 드롭다운 목록에서 URL 경로 열기를 선택합니다. UI 빌더 대상, 조건 및 조건 순서를 확인한 다음 새 브라우저 탭에서 적절한 변형을 엽니다. 테스트를 마치면 탭을 닫습니다.