# 탭 추가

## Content

새 탭 "Contact Us"를 추가하여 리본 컴포넌트를 사용자 정의하는 방법은 다음 단계들을 따르세요.

1. 기본 구성을 불러옵니다.

    ```JavaScript
    // 통합 문서와 워크시트를 설정합니다.
    var spread = new GC.Spread.Sheets.Workbook("ss");
    var activeSheet = spread.getActiveSheet();
    
    // 기본 구성을 가져옵니다.
    var config = GC.Spread.Sheets.Designer.DefaultConfig;
    ```
2. 새 탭의 레이아웃 구조를 생성하고 이를 config에 추가합니다.

    ```JavaScript
    // 새 탭의 레이아웃 구조
    var newTab = {
     "id" : "contactUs",
     "text": "Contact Us",
     "buttonGroups": [
       {
         commandGroup: {
           children: [
             {
              type: "textBlock",
              text: "테스트 배포 라이선스를 요청하려면 1670-0583으로 연락하거나 sales-kor@mescius.com으로 이메일을 보내십시오.",
             }
           ]
         }
       }
     ]
    }
    
    // 새 탭을 리본 구성에 추가하기
    config.ribbon.push(newTab);
    ```
3. 사용자 정의 구성을 위한 config 매개변수를 전달하여 디자이너 인스턴스를 초기화합니다.

    ```JavaScript
    // 디자이너 인스턴스 초기화하기
    var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designerHost"), config, spread);
    ```

아래와 같은 결과가 생성됩니다:
![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/216c2e7e-5246-4c37-8843-3854aa344a6a/image.64988d.png?width=900)

> **참고**: 리본 컴포넌트에서 기본 탭을 삭제하려면, 해당 탭의 내용을 기본 구성(default config)에서 제거한 후 위의 2단계를 다시 수행하세요.