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

세로 탭 구조를 사용하여 관련 컨텐츠를 표시하려면 페이지에 UI 빌더 상황별 사이드바를 추가합니다.

## 시작하기 전에

필요한 역할: ui_builder_admin

## 이 태스크 정보

탭 구성요소를 구성하는 것과 같은 방식으로 상황별 사이드바를 구성할 수 있습니다. 상황별 사이드바의 각 세로 탭은 사용자 지정 컨텐츠를 렌더링합니다. 페이지에서 직접 빠르게 액세스할 수 있도록 각 탭에 구성요소를 배치할 수 있습니다.

예를 들어 문서 생성 페이지의 한 탭에 첨부 파일 구성요소가 있을 수 있으므로 작업 중인 문서와 관련된 파일을 첨부할 수 있습니다. 다른 탭에는 문서와 관련된 의견을 추가하고 볼 수 있는 중첩된 의견 구성요소가 있을 수 있습니다.

## 프로시저

1. 다음으로 이동 모두Now Experience 프레임워크UI 빌더.
2. 선택하여 작업할 경험을 열거나 경험을 생성합니다. 작성경험.  
   경험 생성에 대한 자세한 내용은 다음을 참조하십시오 [UI 빌더에서 사용자가 애플리케이션과 상호 작용하는 방법 구성](https://servicenow-prod.fluidtopics.net/wmSXv2G8HVoRum7Zuh3W9w "에서 경험이 UI 빌더무엇인지 알아봅니다. 경험에 포함된 내용을 이해합니다.") .
3. 페이지 또는 페이지 변형을 만들거나 엽니다.  
   [페이지 변형 생성](https://servicenow-prod.fluidtopics.net/bkpPI9G6VJ~_cIxYNSesOg "의 UI 빌더 페이지 변형은 사용자 기준을 사용하여 다양한 대상을 타게팅하는 동일한 경로에 존재하는 페이지의 변형입니다.") 에서 페이지를 UI 빌더생성하는 방법에 대한 자세한 내용은 [UI 빌더에서 페이지 만들기](https://servicenow-prod.fluidtopics.net/hdB5pxJ108nQsFmjCl3uYg "사용자를 위한 웹 환경을 구축할 수 있도록 포털, 작업 공간 또는 사용자 지정 애플리케이션에 대한 페이지를 생성합니다.UI 빌더")를 참조하십시오. 페이지 변형 생성에 대한 자세한 내용은 다음을 참조하십시오.
4. 스테이지에서 + 콘텐츠 추가 버튼을 선택하여 도구 상자를 엽니다.
5. 단일 열 레이아웃 타일을 선택합니다.
6. 열에서 + 아이콘을 선택하여 도구 상자를 엽니다.
7. 상황별 사이드바 구성요소를 선택하여 페이지에 추가합니다.  
   상황별 사이드바가 스테이지에 나타나고 구성 패널에 탭 섹션이 나타납니다.
8. 구성 패널의 탭 섹션에서 설정 아이콘( ![설정 아이콘.]())을 선택하여 탭을 구성합니다.
   1. 양식에서 필드를 채웁니다.  
      {#add-contextual-sidebar__table_usy_s1c_wtb__entry__2}

      | 필드 | 설명 |
      |-|-|
      | 탭 레이블 | 페이지의 탭에 표시되는 레이블입니다. |
      | 아이콘 | 탭 레이블 옆에 나타나는 아이콘입니다. 주: 아이콘은 필요하지 않습니다. |
      | 탭 숨기기 | 탭을 숨기거나 표시하는 옵션입니다. |
      [표 1. 탭 설정 양식]

      {#add-contextual-sidebar__table_usy_s1c_wtb}
   2. 저장을 선택합니다.
   {#add-contextual-sidebar__substeps_sjd_sfs_wbc}
9. 상황별 사이드바의 스테이지에서 + 아이콘을 선택하여 도구 상자를 엽니다.
10. 탭에 추가할 구성요소를 선택합니다.  
    구성요소는 컨텐츠 트리의 탭 아래에 표시됩니다. 자세한 내용은 [구성요소 추가 및 구성](https://servicenow-prod.fluidtopics.net/qmxQoGzAEcZmJDRXYpo1aw#add-components "에서 페이지에 UI 빌더구성요소를 추가하는 방법에 대해 알아봅니다. 구성요소를 추가하여 페이지가 빌드됩니다.") 문서를 참조하십시오.
11. **옵션:** 다른 탭을 추가하려면 탭 섹션에서 + 추가 를 선택합니다.
{#add-contextual-sidebar__steps_a5t_tvr_wbc}

## 다음에 수행할 작업

상황별 사이드바 및 해당 속성의 구성에 대한 자세한 내용은 개발자 사이트의 ServiceNow[탭 UIB 설정을](https://developer.servicenow.com/dev.do#!/reference/next-experience/washingtondc/now-components/now-tabs/uib-setup) 참조하십시오.