---
sourceDocument: 호주 고객 서비스 관리
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/customer-service-management

 Release :

    - australia

ft:locale :

    - ko-KR

ft:publication_title :

    - 호주 고객 서비스 관리

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# 지식 문서 뷰 구성요소에 대한 샘플 코드

# 지식 문서 뷰 구성요소에 대한 샘플 코드 {#ariaid-title1}

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

이벤트가 트리거될 때 작업을 정의하기 위해 샘플 코드가 제공됩니다. 웹 페이지에 구성요소를 포함하기 전에 사용 사례에 대한 샘플 코드를 업데이트합니다.

## 샘플 코드 {#we-know-article-view-sample-code__section_j4x_gyn_c2c}

    { 

    'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#COMPONENT_READY' : (e) => { 

    // This event is dispatched when a component is ready and usable. 

    }, 

    'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#LINK_CLICKED' : (e) => { 

    // This event is dispatched when a record link has been clicked inside article body 

    var {table, sys_id} = e.detail.payload; 

    console.log(table, sys_id); 

    }, 

    'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#LANGUAGE_DROPDOWN_CLICKED' : (e) => { 

    // This event is dispatched when language dropdown selection is clicked 

    var {articleID} = e.detail.payload; 

     

    // Set properties for the knowledge article view 

    setProperties(snEmbedxKbArticleView, {recordId: articleID}); 

    }, 

    'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#NOTIFICATION_LINK_CLICKED' : (e) => { 

    // This event is dispatched when link present on notification has been clicked 

    var {table, sys_id} = e.detail.payload; 

     

    if(table == 'kb_knowledge') { 

    // Set properties for the knowledge article view 

    setProperties(snEmbedxKbArticleView, {recordId: sys_id}); 

    } 

    }, 

    'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#RATING_CLICKED' : (e) => { 

    // This event is dispatched when rating is provided for the article 

    var {rating} = e.detail.payload; 

    console.log(rating); 

    }, 

    'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#COMPONENT_ERROR' : (e) => { 

    // This event is dispatched when a property validation or internal error occurs. 

    var {errorMessage, errorType} = e.detail.payload; 

    console.log(errorMessage, errorType); 

    }

**관련 태스크**   

* [지식 문서 뷰 구성요소 인스턴스 구성](https://servicenow-prod.fluidtopics.net/ZB6ll4fsF87F2UXKjsLfnQ "사용자가 자신의 웹 사이트에 임베드하여 웹 사이트에서 직접 지식 문서에 액세스할 수 있도록 지식 문서 뷰 구성요소 인스턴스를 구성합니다.")
* [외부 공급업체 웹 사이트에 지식 문서 뷰 구성요소 인스턴스 포함](https://servicenow-prod.fluidtopics.net/adiwcujLsjeHDDaj~fAivg "고객이 외부 공급업체 웹 사이트에서 지식 문서 뷰 구성요소 인스턴스를 사용할 수 있도록 구성한 지식 문서 뷰 구성요소 인스턴스의 전역 코드와 구성요소 코드를 포함합니다.")  
**관련 참조**   

* [지식 문서 뷰의 구성요소 속성](https://servicenow-prod.fluidtopics.net/fbL7jfTgRsDbjxLKmaVREQ "구성요소 속성을 사용하면 외부 공급업체 웹 사이트에서 지식 문서 뷰 구성요소 인스턴스의 동작을 구성할 수 있습니다.")
* [지식 문서 뷰 구성요소의 이벤트 핸들러](https://servicenow-prod.fluidtopics.net/SxDthg2lSoqM5LghRUi1Hg "구성요소는 특정 조건이 충족되거나 사용자 상호작용이 있을 때 이벤트를 트리거합니다. 이벤트를 사용하여 외부 공급업체 웹 페이지의 코드를 통해 작업을 실행할 수 있습니다.")