---
sourceDocument: 호주 판매 고객 관계 관리
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/order-management

 Release :

    - australia

ft:locale :

    - ko-KR

ft:publication_title :

    - 호주 판매 고객 관계 관리

ft:clusterId :

    - omgmt

bundleId :

    - omgmt

workflow :

    - Customer and Industry


---

# 레이아웃

# 레이아웃 {#ariaid-title1}

* 릴리스 버전: Australia
* 
* 업데이트 날짜 2026년 03월 12일
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 소요 시간: 3분

레이아웃은 사용자에게 표시되는 구성 환경의 모양과 느낌을 정의합니다. 필드가 표시되는 위치, 단계 그룹화 방법, 제품 목록(쇼핑 카트)이 표시되는 방법을 제어하여 Blueprint의 로직과 데이터를 의 직관적인 안내 UI CPQ로 전환합니다.
레이아웃은 구성 환경의 프레젠테이션 계층입니다. Blueprint가 필드, 규칙, 레이아웃 및 구성 가능한 제품을 한데 모으는 경우, 레이아웃은 이러한 요소가 표시되는 방식에 중점을 둡니다.

* 각 페이지 또는 탭에 표시되는 필드
* 섹션의 그룹화 및 레이블 지정 방법
* 세트, 제품 선택기 및 메시지 배열 방법
* 제품 목록이 구성과 함께 렌더링되는 방식

{#layouts__ul_e2h_qr4_hhc}

레이아웃은 Blueprint별로 정의됩니다. 단일 Blueprint에 하나 이상의 레이아웃이 있을 수 있으므로 구성 논리를 복제하지 않고도 다양한 가상 사용자, 채널 또는 데모 경험을 지원할 수 있는 유연성을 제공합니다.

Blueprint에 여러 개의 레이아웃이 있는 경우 최종 사용자는 구성기 UI의 오른쪽 위 모서리에 있는 대체 레이아웃 컨트롤을 사용하여 Blueprint를 회전할 수 있습니다.

## 레이아웃이 구성 모델에 적용되는 방식 {#layouts__section_zj1_vr4_hhc}

레이아웃은 CPQ 구성 스택의 프레젠테이션 계층에 배치됩니다.

* 필드는 데이터를 수집하고 표시합니다.
* 규칙은 동작(가시성, 메시징, 계산, 제품 포함 등)을 제어합니다.
* Blueprint는 필드, 규칙, 레이아웃 및 구성 가능한 제품을 단일 구성 환경으로 연결합니다.
* 레이아웃은 기본 로직을 변경하지 않고도 구매측 인터페이스(페이지, 탭, 섹션 및 제품 목록)를 정의합니다.

{#layouts__ul_n4b_wr4_hhc}

레이아웃은 필드 변수 이름 및 제품 목록 매개변수를 참조하므로 규칙이나 데이터 구조를 수정하지 않고도 레이아웃을 안전하게 반복할 수 있습니다(예: 계층 재구성 또는 표시 유형 변경).

## 레이아웃 구성요소 {#layouts__section_obs_xr4_hhc}

레이아웃은 레이아웃 CSV 파일에서 정의하고 레이아웃 마법사 또는 레이아웃 편집기에서 구체화하는 재사용 가능한 구조 및 시각적 요소로 구성됩니다.  
계층: 페이지, 탭 및 섹션: 계층은 구성 환경의 주요 구조적 영역을 정의합니다. 각 계층에는 동작 방식을 설명하는 tierDef가 있습니다.

* 페이지(PagesWithLabels): 진행률 탐색을 사용하여 구성을 개별 단계로 나눕니다.
* 탭(VerticalTab): 빠른 전환을 위해 관련 콘텐츠를 가로 또는 세로로 그룹화합니다.
* 아코디언(AccordionWithNavigation): 길거나 복잡한 컨텐츠에 대해 한 번에 하나의 확장된 섹션을 표시합니다.
* ExpandableSection: 사용자가 필요에 따라 콘텐츠를 확장하거나 축소할 수 있도록 허용합니다.
* BasicContainer: 간단한 그룹화를 위해 스타일이 지정되지 않은 컨테이너를 제공합니다.
{#layouts__ul_ysy_zr4_hhc}

계층을 중첩하여 다단계 레이아웃(예: 탭이 포함된 페이지 또는 확장 가능한 섹션이 포함된 탭)을 빌드할 수 있습니다.

## 레이아웃 정의 및 도구 {#layouts__section_tp4_2s4_hhc}

레이아웃은 CSV 파일과 제품 내 도구의 조합을 사용하여 작성 및 유지관리됩니다.

* CSV 레이아웃 업로드
  * 레이아웃의 기본 정의 형식
  * 스프레드시트 도구에 내장되어 CSV 파일로 익스포트됨
  * 계층, 열 세트, 필드, 제품 목록 및 구성요소 속성에 대한 모든 제어 지원
  {#layouts__ul_ilg_fs4_hhc}
* 레이아웃 마법사
  * Blueprint의 필드에서 초기 레이아웃을 빠르게 생성할 수 있도록 도와줍니다.
  * 계층 및 주요 그룹의 시각적 미리 보기 제공
  * 출발점 역할을 합니다. 미세 조정은 CSV 파일 또는 레이아웃 편집기를 통해 수행됩니다.
  {#layouts__ul_jlg_fs4_hhc}
* 레이아웃 편집기
  * 관리자 UI에서 직접 기존 레이아웃을 편집할 수 있습니다.
  * 계층 및 열 세트 정렬, 레이블 편집, 표시 유형 조정, 확장 속성 업데이트 지원
  * 누락되거나 부분적으로 지원되는 요소에 대한 바로 가기 키와 시각적 단서를 제공합니다.
  {#layouts__ul_klg_fs4_hhc}

{#layouts__ul_hlg_fs4_hhc}

어떤 도구를 사용하든 레이아웃은 궁극적으로 구성 환경이 발전함에 따라 익스포트, 버전 관리 및 교체가 가능한 구조적 정의로 저장됩니다.

## 세트 및 반복 가능한 컨텐츠 {#layouts__section_hpx_3s4_hhc}

레이아웃은 세트가 표시되는 방식도 제어합니다.

* 테이블(헤더가 있는 행 및 열)로
* 목록으로(선택적 선택 및 검색 동작이 있는 카드 스타일 행)
* 사용자가 한 번에 하나의 인덱스 세트에 초점을 맞추는 반복자에서

{#layouts__ul_m5d_ks4_hhc}

확장 방향, 크기 컨트롤, 메시지 표시기, 인라인 추가/제거 컨트롤, 업로드/다운로드 동작과 같은 세트별 레이아웃 속성은 확장 속성 및 원시 값 JSON을 통해 레이아웃에서 구성됩니다.

레이아웃의 제품 목록 섹션은 쇼핑 카트가 표시되는 방식을 정의합니다.

* 열로 표시되는 제품 목록 매개변수(예: 이름, 수량, 가격, 확장된 속성)
* 열의 레이블 지정 및 정렬 방법
* 제품 목록이 인라인인지 창인지 여부

{#layouts__ul_vpn_ns4_hhc}

제품 목록 열은 `productlist` 및 `productlistcolumn` 유형을 사용하고 `ProductList<param>` 를 참조하여 레이아웃 CSV 파일에 의해 구동됩니다. 제품 규칙 및 기본 테이블에 정의된 값입니다.
**관련 개념**   

* [레이아웃 설정](https://servicenow-prod.fluidtopics.net/RkIW~EySveIU5wZFjqwJVQ "레이아웃은 구성 인터페이스의 구조와 모양을 정의합니다. 필드를 페이지, 탭 및 섹션으로 구성하여 사용자가 구성과 상호작용하고 장바구니 세부 정보를 CPQ보는 방식을 형성합니다.")
* [레이아웃 마법사](https://servicenow-prod.fluidtopics.net/S6V4SPV~5WOdQbCuxzQEig "레이아웃을 생성하는 방법에 대한 비디오를 시청하십시오.")
* [레이아웃: 심층 분석](https://servicenow-prod.fluidtopics.net/e9Y6eaTXyWhK9fzh_pxVkg "에서 계층, 열 세트, 제품 목록 레이아웃 등 고급 레이아웃 개념 CPQ을 알아봅니다. CSV 파일로 페이지, 탭 및 섹션을 구조화하여 체계적이고 직관적인 사용자 경험을 갖춘 동적이고 반응이 빠른 구성 인터페이스를 만드는 방법을 이해합니다.")