---
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


---

# ServiceNow CLI를 사용하여 사용자 지정 구성요소 생성

# ServiceNow CLI를 사용하여 사용자 지정 구성요소 생성 {#ariaid-title1}

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

및 UI 구성요소 확장를 사용하여 넥스트 경험 UI 프레임워크 사용자 지정 구성요소를 개발합니다.

구성요소는 사용자 지정 사용자 인터페이스를 만드는 데 사용하는 재사용 가능한 구성요소입니다. 넥스트 경험 디자인 시스템 에는 사용자 지정 UI로 드래그할 수 있는 사용자 지정 가능한 구성요소 세트가 함께 제공됩니다. 라이브러리에서 필요한 항목을 찾을 수 없는 경우 고유한 구성요소를 개발합니다.넥스트 경험 디자인 시스템

라이브러리를 넥스트 경험 디자인 시스템 보려면 다음 사이트를 방문하십시오. [ServiceNow®
개발자 사이트](https://developer.servicenow.com/dev.do#!/reference/next-experience/components?&query=&order_by=nameAsc&limit=120&offset=0&categories[]=uib_component&categories[]=uib_macroponent-component&categories[]=uib_facades).

## 사용자 지정 구성요소 생성의 이점 {#custom-components__section_vc3_rrj_xkb}

사용자 지정 구성요소를 개발하면 다음을 수행할 수 있습니다.  
* 에이전트, 고객, 회사의 필요에 따라 UI를 개인화합니다.
* 중요한 데이터와 정보에 빠르게 액세스하여 직원의 효율성을 높이고 컨텍스트 전환을 줄입니다.
* API를 사용하여 회사의 고유한 옴니채널 환경을 수용하고 데이터를 통합합니다.
{#custom-components__ul_n3w_trj_xkb}

예를 들어 SLA와 연관된 케이스를 표시하거나 특정 큐의 활성 채팅을 추적하는 구성요소를 만들 수 있습니다. 와 를 UI 구성요소 확장 사용하여 넥스트 경험 UI 프레임워크 필요한 구성요소를 개발하고 [Http 효과 API](https://developer.servicenow.com/dev.do#!/reference/next-experience/xanadu/ui-framework/api-reference/effect-http)를 사용하여 플랫폼에서 데이터에 액세스할 수 있습니다. 사용자 지정 스키마를 생성하여 GraphQL을 사용하여 플랫폼 데이터를 쿼리할 수도 있습니다. 자세한 내용은 [스크립팅된 GraphQL](https://www.servicenow.com/docs/access?context=scripted-graph-ql&version=australia&pubname=australia-api-reference&ft:locale=en-US)을 참조하세요.

## 시작하기 전에 알아야 할 사항 {#custom-components__section_xjb_y5h_3kb}

구성요소 설계 및 빌드를 시작하기 전에 다음이 있어야 합니다.  
* 웹 구성요소 개념, 개발 및 설계에 대한 일반적인 지식.
* 구성요소 동작을 정의하기 위한 JavaScript 지식.
* 노드 패키지 관리자(npm)에 대한 지식.
* 로컬 컴퓨터에 설치된 최신 버전의 Node.js입니다. 자세한 내용은 [Node.js](https://nodejs.org) 문서를 참조하십시오.
* ServiceNow CLI 컴퓨터에 설치되어 있습니다.
{#custom-components__ul_ozv_4d3_3kb}

## 넥스트 경험 UI 프레임워크 {#custom-components__section_gc4_2cw_pkb}

넥스트 경험 UI 프레임워크 앱은 앱을 확장하고 애플리케이션 전체에서 재사용할 수 있는 웹 구성요소를 빌드할 수 있는 JavaScript 프레임워크입니다. 를 사용하면 넥스트 경험 UI 프레임워크 다음을 수행할 수 있습니다.  
* 애플리케이션 전체의 여러 위치에서 사용할 단일 구성요소를 만듭니다.
* 다른 코드와의 충돌을 방지하기 위해 구성요소의 범위를 캡슐화합니다.
* 구성요소에 속성, 슬롯 및 작업을 추가하여 사용자가 구성요소를 사용할 때마다 사용자 지정할 수 있도록 합니다.작업 공간
{#custom-components__ul_ujt_xk5_rkb}

자세한 내용은 [ServiceNow®
개발자 사이트](https://developer.servicenow.com/dev.do#!/reference/next-experience/xanadu/ui-framework/getting-started/introduction).

## UI 구성요소 확장 및 개발 흐름 {#custom-components__section_wdv_hsv_pkb}

UI 구성요소 확장 을 사용하여 넥스트 경험 UI 프레임워크사용자 지정 구성요소를 개발할 수 있는 확장입니다ServiceNow CLI. 를 사용하여 UI 구성요소 확장다음을 수행할 수 있습니다.  
* 구성요소 또는 프로젝트 스캐폴딩을 개발하는 데 필요한 파일 세트를 생성합니다.
* 로컬 개발 서버를 시작하여 구성요소를 테스트합니다.
* 구성요소 프로젝트를 빌드하고 인스턴스에 배포합니다 ServiceNow .
{#custom-components__ul_dfn_wb4_rkb}

자세한 내용은 [ServiceNow®
개발자 사이트](https://developer.servicenow.com/dev.do#!/reference/next-experience/xanadu/cli/getting-started).

## 애플리케이션 범위 {#custom-components__section_qjj_w4t_tkb}

구성요소를 배포 넥스트 경험 UI 프레임워크 하면 인스턴스의 범위가 지정된 애플리케이션에 배포됩니다. 구성요소가 네임스페이스 식별자로 사용할 애플리케이션 범위를 제공할 수 있습니다. 인스턴스에서 애플리케이션 개발을 위한 네임스페이스 식별자 가이드라인을 사용합니다. 자세한 내용은 [애플리케이션 범위를](https://servicenow-prod.fluidtopics.net/p3Yoj5dgbSEqlLFISJ9OUQ "애플리케이션 범위 지정은 애플리케이션 파일 및 데이터에 대한 접근 권한을 확인하고 제한하여 애플리케이션을 보호합니다.") 참조하십시오.

애플리케이션 범위를 예약할 때는 다음 요구 사항을 따르십시오.

* 최대: 18자.

* 케이스: 스네이크 케이스.

* 형식: `x_customerprefix_componentname`, 여기서:
  * `customerPrefix` 는 인스턴스의 시스템 속성에 glide.appcreator.company.code 있는 값입니다.
  * `ComponentName` 은 프로젝트를 생성할 때 구성요소의 `이름` 매개변수에 제공된 값입니다.
  {#custom-components__scope-params}

{#custom-components__ul_c2x_jrt_tkb}

구성요소 프로젝트를 생성할 때 애플리케이션 범위를 제공하지 않으면 Now CLI가 범위를 생성합니다.

또는 now-ui.json 파일의 `scopeName` 매개변수에 값을 추가할 수 있습니다.

## 참조 가이드 {#custom-components__section_zjs_lyz_xkb}

Now CLI 참조 가이드를 보려면 [개발자 사이트를](https://developer.servicenow.com/dev.do#!/reference/next-experience/xanadu/cli/getting-started) 방문하십시오.
* **[용 구성요소 개발 가상 에이전트](https://servicenow-prod.fluidtopics.net/QleSLjRc53EG3rDBeagXcw)**   
  사용자 지정 가상 에이전트 구성요소를 생성하여 입력을 수집하거나 클라이언트 인터페이스에서 가상 에이전트 정보를 표시합니다.
* **[에 구성요소 추가 에이전트 작업 공간](https://servicenow-prod.fluidtopics.net/qXJSVcfk~My1xzLkbMifwA#workspace-component)**   
  사용자 지정 구성요소를 사용하여 회사 에이전트의 특정 요구를 충족하는 사용자 지정 작업 공간 인터페이스를 만드십시오.