위젯 복제

  • 릴리스 버전: Australia
  • 업데이트 날짜 2026년 03월 12일
  • 소요 시간: 1분

    • 기존 위젯을 복제하고 편집하여 기존 코드를 활용합니다.

    시작하기 전에

    필요한 역할: admin 또는 sp_admin

    이 태스크 정보

    주:
    기본 시스템 위젯은 읽기 전용이므로 향후 업데이트를 활용할 수 있습니다. 변경하려면 기본 시스템 위젯을 복제할 수 있습니다. 그러나 복제된 위젯은 사용자 지정으로 간주되며 복제된 위젯에 대한 향후 업데이트의 이점을 얻지 못합니다.

    프로시저

    1. 서비스 포털 구성 페이지에서 위젯 편집기를 연 다음 위젯 선택 목록에서 기존 위젯을 선택합니다.
      예를 들어 Hello World 2를 선택합니다.
    2. 위젯 헤더의 목록 메뉴에서 "Hello World 2" 복제를 클릭합니다.
      그림 1. 위젯 복제
      위젯 복제 양식
    3. 복제된 위젯의 이름을 입력합니다.
      위젯 ID는 위젯 이름을 기반으로 자동으로 생성됩니다.
    4. 옵션: 테스트 페이지 생성 을 선택하여 위젯이 포함된 페이지를 자동으로 생성합니다.
    5. 확인란을 사용하여 필요에 따라 위젯 편집기의 다양한 구성요소를 표시하거나 숨깁니다.

      HTML 템플릿, CSS, 클라이언트 스크립트, 서버 스크립트 또는 링크 기능을 변경합니다.

      주:
      서버 측 스크립트의 경우 애플리케이션에서 ES5 표준 모드 또는 호환성 모드를 사용하는 경우 ECMAScript 2021(ES12) JavaScript 모드를 사용하여 켤 수 있습니다. JavaScript 모드가 ECMAScript 2021(ES12)으로 설정된 애플리케이션의 스크립트는 기본적으로 ECMAScript 2021(ES12)을 사용합니다. 자세한 내용은 Turn on ECMAScript 2021 (ES12) mode for a script 문서를 참조하십시오.
      그림 2. Hello World 2 클론
      Hello World 2 위젯이 복제되고 "Hola, mundo"라고 편집되었습니다.
    6. 위젯의 미리 보기를 사용하려면 메뉴에서 미리 보기 사용 옵션을 사용합니다.
      나타나는 눈 아이콘을 사용하여 위젯의 미리 보기를 표시하거나 숨깁니다.

    다음에 수행할 작업

    Angular ng-template을 사용하는 위젯을 복제하는 경우 템플릿을 수동으로 복제하고 위젯에서 템플릿 참조의 이름을 변경해야 합니다.

    예를 들어 헤더 메뉴 위젯은 Angular ng-template menuTemplate을 사용합니다. 헤더 메뉴 위젯을 복제하는 경우 menuTemplate 도 복제하고 복제본에 고유한 이름을 지정해야 합니다. 헤더 메뉴 위젯의 클론을 열면 HTML에서 menuTemplate에 대한 참조를 볼 수 있습니다.

    그림 3. 헤더 위젯 HTML의 menuTemplate
    ng-template이 헤더 메뉴 위젯 HTML에서 강조 표시되고 menuTemplateCopy로 변경됨