# 활성 리본 탭 설정

## Content

SpreadJS Designer 컴포넌트는 디자이너 컴포넌트가 초기화될 때 기본 활성 리본 탭을 설정하거나 가져올 수 있습니다. 이를 위해 [IDesignerConfig](/spreadjs/api/designer/interfaces/GC.Spread.Sheets.Designer.IDesignerConfig#ribbon) 인터페이스의 ribbon[].active 속성 값을 true로 설정하거나 디자이너 컴포넌트의 activeRibbonTab 메서드를 사용하세요.
기본적으로 SpreadJS 디자이너 컴포넌트가 초기화될 때 홈 탭이 활성 탭으로 설정됩니다.

> **참고:**
>
> * 활성으로 설정된 리본 탭이 이미 숨겨져 있는 경우, 해당 리본 탭은 보이지 않습니다.
> * 여러 개의 리본 탭이 활성으로 설정된 경우, SpreadJS는 마지막으로 보이는 리본 탭만 활성 탭으로 간주합니다.

아래 코드 예제는 삽입 탭을 활성 리본 탭으로 설정하는 방법을 보여줍니다.

```javascript
// 활성 리본 탭을 설정하려면 IRibbonPanel의 active 속성을 사용하세요.
var config = GC.Spread.Sheets.Designer.DefaultConfig;
config.ribbon[1].active = true;
var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designerHost"), config);
```

혹은

```javascript
// 활성 리본 탭을 설정하려면 디자이너 컴포넌트의 activeRibbonTab 메서드를 사용하세요.
var config = GC.Spread.Sheets.Designer.DefaultConfig;
var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designerHost"), config);
let currentActiveRibbonTab = designer.activeRibbonTab();
    if (currentActiveRibbonTab !== "insert") 
        {
        designer.activeRibbonTab("insert");
        }
```

아래 결과가 생성됩니다.
![image.c8657a.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/216c2e7e-5246-4c37-8843-3854aa344a6a/image.c8657a.74735e.png)