# 디자이너 컴포넌트 인터페이스

## Content

이 간단한 개요에서는 인터페이스의 주요 부분 몇 가지를 설명하고 SpreadJS 디자이너 컴포넌트의 기본 레이아웃을 보여줍니다.
SpreadJS 디자이너 컴포넌트는 위젯 디자인을 위한 다음과 같은 인터페이스를 제공합니다.
![image.8a0a9a.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/216c2e7e-5246-4c37-8843-3854aa344a6a/image.8a0a9a.709ebf.png)
SpreadJS는 디자이너 컴포넌트의 너비가 좁아 리본 버튼과 탐색 탭이 숨겨질 때 리본 스크롤 기능도 지원합니다.
![image.8c3fce.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/216c2e7e-5246-4c37-8843-3854aa344a6a/image.8c3fce.7ae6d1.png)
다음 주제들은 SpreadJS 디자이너 컴포넌트 인터페이스에 대한 추가 정보를 제공합니다.

* [디자이너 탭](/spreadjs/docs/v18/spreadjs-designer-component/designerinterface/spdesigntab)
* [컨텍스트 메뉴](/spreadjs/docs/v18/spreadjs-designer-component/designerinterface/designermenu)
* [상태 표시줄](/spreadjs/docs/v18/spreadjs-designer-component/designerinterface/UnderstandingSpread.SheetsDesignerStatusBar)